0
点赞
收藏
分享

微信扫一扫

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

有点d伤 2022-02-20 阅读 49


使用

npm run build:prod

命令进行打包


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


会出现这样的情况

生成了一个静态的文件夹

打开index.html的时候


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


会出现页面空白的问题

打开F12查看一下这是为啥

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


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

图片.png

解决办法

打开

vue.config.js

找到

publicPath: '/'

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


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


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

如果这个时候,还是空白的话

打开浏览器,路径都是正确的,没有报错

但是就是不显示界面内容

需要打开routers.js文件

路由模式将histroy改成hash模式,起初 mode:'history'


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


举报

相关推荐

0 条评论