vue使用webPack打包发布后页面显示空白

今天笔者将打包后，进行访问，访问到index.html，但是出现的是空白页。

打包命令：npm run build，打包后的文件如下：

这是因为index.html中引入的css ,js 的路径不对:如下图

这个是因为webpack打包的时候引入js时使用的是绝对路径导致的，修改webpack打包文件中的配置，在webpack.prod.conf.js中增加publicPath:'./' ,util.js中增加publicPath:'./'，修改config/index.js

修改完后：重新打包，网页展示成功：

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/zh127368zh/article/details/81023438
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 18:04:23
阅读 ( 1322 )
分类：前端

vue使用webPack打包发布后页面显示空白

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看