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

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. E. Level Up

    E. Level Up 题意 玩家初始等级为 \(1\), 有 \(n\) 只怪物,每个怪物有一个等级 \(a_i\), 如果怪物等级高于你,则你们会战斗,战斗后经验加1,否则怪物会逃跑,你不会获得经 ...

  2. ODOO路由里面的auth="user" 的使用

    一.controller介绍:Controller层在odoo里面可以认为是控制器,根据url地址来控制后端的业务和前端的内容展示,我们一般偏向于叫路由控制, 它相当于内网和外网之间的防火墙,外网的请 ...

  3. SQL语句中exists和in有何区别

       在SQL性能优化的时候,经常遇到是使用exists还是in提高效率的问题,这里结合之前写的两篇博客<MYSQL中in的用法>和<MYSQL中EXISTS的用法>,总结一下 ...

  4. CSP2020复赛前小结

    今天用windows下的GUIDE打了一些板子,以下是我遇到的问题. 语言 未定义返回值类型的函数 inline isnum(char ch) { return ch>='0'&& ...

  5. `.NC`文件的读取与使用

    .NC文件的读取与使用 前言 NetCDF(network Common Data Form)网络通用数据格式是一种面向数组型并适于网络共享的数据的描述和编码标准.目前,NetCDF广泛应用于大气科学 ...

  6. 数组：ArrayList和int[]

    需要好好复习一下: 数组ArrayList和int[ ] int[ ] 多可以使用Arrays工具类导入后 使用Arrays.xxx(arr) 实现很多功能

  7. ArkUI-X与Android联动编译开发指南

    本文主要介绍通过CLI工具链执行ace create project命令创建工程,生成联动编译脚本.使用Android Studio编译Android应用时,可联动编译ArkTS源码,并自动拷贝Ark ...

  8. 又TM遇到傻B了

    一想到自己的收藏还有可能被傻逼用到,我TM更蛋疼了...傻逼千千万

  9. Kong入门学习实践(2)实验环境搭建

    最近在学习Kong网关,因此根据老习惯,我会将我的学习过程记录下来,一来体系化整理,二来作为笔记供将来翻看.由于我司会直接使用Kong企业版,学习过程中我会使用Kong开源版. 本篇,我们学习如何快速 ...

  10. 导轨式串口服务器将ModbusTCP网口设备连接云端

    1.概述 我司在ModbusRTU转JSON的应用上满足了很多客户串口设备上云的需求,但是Modbus协议并不是只存在于串口设备,很多ModbusTCP网口只是走TCP/IP传输,也就是ModbusT ...