欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详细为你解决vue build打包之后首页白屏的问题(详细教程)

程序员文章站 2022-04-07 13:21:26
...
下面我就为大家分享一篇解决vue build打包之后首页白屏的问题,具有很好的参考价值,希望对大家有所帮助。

1、问题描述

本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。

2、解决方法

在config文件夹中找到index.js打开把assetsPublicPath: '/'改成下图方框中的样子。

详细为你解决vue build打包之后首页白屏的问题(详细教程)

再次执行 npm run build 就可以了。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

实际解决iview打包时UglifyJs报错(详细教程)

浅谈webpack打包之后的文件过大的解决方法

Vue+ElementUI实现表单动态渲染、可视化配置的方法

以上就是详细为你解决vue build打包之后首页白屏的问题(详细教程)的详细内容,更多请关注其它相关文章!