今天筆者將打包后，進(jìn)行訪問(wèn)，訪問(wèn)到index.html，但是出現(xiàn)的是空白頁(yè)。

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

這是因?yàn)閕ndex.html中引入的css ,js 的路徑不對(duì):如下圖

這個(gè)是因?yàn)閣ebpack打包的時(shí)候引入js時(shí)使用的是絕對(duì)路徑導(dǎo)致的，修改webpack打包文件中的配置，在webpack.prod.conf.js中增加publicPath:’./’ ,util.js中增加publicPath:’./’，修改config/index.js



修改完后：重新打包，網(wǎng)頁(yè)展示成功.

總結(jié)

以上是生活随笔為你收集整理的vue使用webPack打包发布后页面显示空白的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。