vue-element-admin打包后白屏的问题

使用 npm run build:prod 命令进行打包

会出现这样的情况

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

会出现页面空白的问题

打开F12查看一下这是为啥

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

图片.png

解决办法 打开 vue.config.js

找到 publicPath: '/'

将 publicPath: '/'改成 publicPath: './'

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

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

需要打开routers.js文件 路由模式将histroy改成hash模式，起初 mode:'history'