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

Posted 2023-03-16

参考技术A 使用

命令进行打包

会出现这样的情况

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

会出现页面空白的问题

打开F12查看一下这是为啥

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

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

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

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

需要打开 router 文件

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