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

阳光穿透心脏的1/2处 2023-05-31 02:54 75阅读 0赞

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

打包命令:npm run build,打包后的文件如下:
在这里插入图片描述
这是因为index.html中引入的css ,js 的路径不对:如下图

在这里插入图片描述
这个是因为webpack打包的时候引入js时使用的是绝对路径导致的,修改webpack打包文件中的配置,在webpack.prod.conf.js中增加publicPath:’./’ ,util.js中增加publicPath:’./’,修改config/index.js
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
修改完后:重新打包,网页展示成功.

发表评论

表情:
评论列表 (有 0 条评论,75人围观)

还没有评论,来说两句吧...

相关阅读