部署后访问控制台报错信息如下图：

vite.config.js 配置如下：

路由配置文件：

以上配置在本地运行正常，打包部署之后到线上就会有页面空白，静态资源访问404的问题，vite好像都有这个问题，下面说我解决上面问题的解决办法

我是通过在vite.config.js 中添加base:'/'配置并修改路由模式 ，路由模式由createWebHistory 改成 createWebHashHistory 就解决了问题！如下图：依次是路由配置文件和vite.config.js

vue3 + vite 部署后出现页面空白，静态资源访问404问题的更多相关文章

  1. IntelliJ IDEA+SpringBoot中静态资源访问路径陷阱：静态资源访问404

    IntelliJ IDEA+SpringBoot中静态资源访问路径陷阱:静态资源访问404 .embody{ padding:10px 10px 10px; margin:0 -20px; borde ...

  2. 关于linux下部署JavaWeb项目,nginx负责静态资源访问，tomcat负责处理动态请求的nginx配置

    1.项目的运行环境 linux版本 [root@localhost ~]# cat /proc/version Linux version -.el6.x86_64 (mockbuild@x86-.b ...

  3. springboot + thymeleaf静态资源访问404

    在使用springboot 和thtmeleaf开发时引用静态资源404,静态资源结如下: index.html文件: <!DOCTYPE html> <html xmlns:th= ...

  4. jupyter-notebook后home页面空白问题

    jupyter-notebook后home页面空白问题 解决方案1   更换默认的浏览器,选择谷歌浏览器,很多360打不开的页面,更换谷歌后都能有效解决,并且确保是最新版本的google浏览器. 解决 ...

  5. Spring中无法访问resources目录下页面或静态资源

    1.新建项目,在 resources 目录下创建 views 目录,在 views 目录下创建 index.html 页面,项目跑起来,浏览器访问页面,提示找不到页面之类的错误提示. 2.再尝试访问图 ...

  6. SpringBoot静态资源访问+拦截器+Thymeleaf模板引擎实现简单登陆

    在此记录一下这十几天的学习情况,卡在模板引擎这里已经是四天了. 对Springboot的配置有一个比较深刻的认识,在此和大家分享一下初学者入门Spring Boot的注意事项,如果是初学SpringB ...

  7. springboot学习入门简易版四---springboot2.0静态资源访问及整合freemarker视图层

    2.4.4 SpringBoot静态资源访问(9) Springboot默认提供静态资源目录位置需放在classpath下,目录名需要符合如下规则 /static  /public  /resourc ...

  8. 循序渐进nginx(二)：反向代理、负载均衡、缓存服务、静态资源访问

    目录 反向代理 使用 1.创建代理目标服务端: 2.配置nginx反向代理目标服务端: 3.测试使用: 负载均衡 使用 1.准备服务端 2.修改nginx配置 3.测试 负载均衡策略 负载均衡的额外参 ...

  9. spring mvc官网下最新jar搭建框架-静态资源访问处理-注解-自动扫描

    1.从官网下载spring相关jar http://spring.io/projects 点击SPRING FRAMEWORK

  10. 【SpringMVC】静态资源访问的问题

    在项目中经常会用到一些静态的资源,而一般我们在配置SpringMVC时会让SpringMVC接管所有的请求(包括静态资源的访问), 那么我们怎样才能最简单的来配置静态资源的访问呢? 一,在web.xm ...

随机推荐

  1. Hitachi Vantara Programming Contest 2024（AtCoder Beginner Contest 368）题解A~D

    A - Cut 题意: 将数组的后k个字符移到前面 思路: 可以用rotate()函数让数组中的元素滚动旋转 rotate(v.begin(), v.begin() + n - k, v.end()) ...

  2. Spring Boot中使用注解实现简单工厂模式

    前言 从设计模式的类型上来说,简单工厂模式是属于创建型模式,又叫静态工厂模式(Simple Factory Pattern),但不属于23种GOF设计模式之一.简单工厂模式是由一个工厂对象决定创建出接 ...

  3. 面试题：JAVA中final关键字的作用

    final关键字的功能概述   在Java中,关键字 final 的意思是终态,可以用于声明变量.方法和类,分别表示基本类型变量值不可变,引用类型变量引用地址不可变但值可变,方法不可被覆盖,类不可被继 ...

  4. 前端技术栈加持：用 SpreadJS 实现分权限管理

    引言 在现代前端开发中,数据表格的应用极为广泛,而分权限管理在许多业务场景下是必不可少的功能.例如在表格类填报需求中,不同等级的登录用户能填报的区域有所不同.SpreadJS 作为一款强大的前端表格控 ...

  5. 如何在FastAPI中打造坚不可摧的安全防线？

    title: 如何在FastAPI中打造坚不可摧的安全防线? date: 2025/06/20 11:33:15 updated: 2025/06/20 11:33:15 author: cmdrag ...

  6. 第2周 神经网络基础题numpy运用

    1.使用 Numpy 的 Python 基础知识 import math def basic_sigmoid(x): s = 1/(1+math.exp(-x)) #math.exp(x):为e的x次 ...

  7. ET框架服务端部署到Linux

    运行环境:Centos7.3 + JetBrains Rider 2020 + ET 5.0 + Mac笔记本 (这里要说一下低于Centos7的没法安装.net core环境) 服务器和资源服务部署 ...

  8. Xamarin.Android -- EditText输入无法实时显示问题

    参考文章:EditText输入内容不显示_edittext输入没有显示-CSDN博客 https://blog.csdn.net/guodashen007/article/details/108768 ...

  9. NVelocity模版引擎

    NVelocity模版引擎 需要引用外部的NVelocity.dll文件 /// ///Person类 的摘要说明 /// public class Person { public Person() ...

  10. 利用VBA批量删除Excel中的中文/英文/数字或者替换中英文符号

    ↓↓↓欢迎关注我的公众号,在这里有数据相关技术经验的优质原创文章↓↓↓ 在Excel中经常会遇到去除所有的中文,英文或者数字等情况.但是由于Excel并不支持一次替换所有的中文,英文,数字等,所以有些 ...