首页  >  文章  >  web前端  >  详细为你解决vue build打包之后首页白屏的问题(详细教程)

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

亚连
亚连原创
2018-06-01 09:24:162760浏览

下面我就为大家分享一篇解决vue build打包之后首页白屏的问题,具有很好的参考价值,希望对大家有所帮助。

1、问题描述

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

2、解决方法

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

  

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

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

相关文章:

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

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

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

以上是详细为你解决vue build打包之后首页白屏的问题(详细教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn