vue-element-admin打包后网页空白解决方法

使用

npm run build:prod

命令进行打包

会出现这样的情况

生成了一个静态的文件夹,打开index.html的时候

会出现页面空白的问题

打开F12查看一下这是为啥

会发现这些文件的路径访问不到

解决办法

在源码文件中打开vue.config.js
将 publicPath: '/'改成 publicPath: ‘./’

然后使用npm run build:prod重新打包

打开浏览器，路径都是正确的，没有报错，如果这个时候，还是不显示界面内容

需要打开router文件

路由模式将histroy改成hash模式，起初 mode:‘history’