当Vue项目使用npm run build打包后，在本地预览出现白屏，原因是部分js和css资源未加载。解决方法包括修改config/index.js中assetsPublicPath为 './'，并在build/webpack.base.conf.js中引入HtmlWebpackPlugin，重新执行build命令即可正常运行。注意，更改1可能导致本地启动Vue项目白屏报Cannot GET错误。
问题描述
本地的vue项目在server端浏览没问题，但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。
1.解决方法
在config文件夹中找到index.js打开把assetsPublicPath: '/'改成下图方框中的样子。
2.在build文件夹中打开webpack.prod.conf.js
找到output：增加 publicPath: './'
再次执行 npm run build 就可以了。
后续发现设置 1 启动vue项目会白屏报错 Cannot GET；特此记录
扫一扫
3265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
