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




修改完后:重新打包,网页展示成功:



猜你喜欢

转载自blog.csdn.net/zh127368zh/article/details/81023438