vue3打包后页面空白解决方法
- 问题
- 解决方法
问题
最近写一个小项目
没有打包的时候一切正常
技术栈用的vue3 + vite
我用的是npm创建的项目
npm init vue@latest
问题一 :打包后页面空白,什么都没有

问题二:刷新页面后找不到资源
把url的index.html去掉后可以正常显示但是刷新后又会出现新的问题
问题如下

解决方法
第一步
先在vite.config.js中添加一行代码
base:'/'

第二步
在router/index.js中把createWebHistory 换成createWebHashHistory
这里默认是createWebHistory

到此问题解决,打包测试应该没啥问题了!














![安卓(雷电)模拟器清除屏幕密码[亲测可用]](https://img-blog.csdnimg.cn/direct/10e940329ae049f6af2f69ddef73f266.png)




