今天筆者將打包后，進行訪問，訪問到index.html，但是出現的是空白頁。

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

這是因為index.html中引入的css ,js 的路徑不對:如下圖

這個是因為webpack打包的時候引入js時使用的是絕對路徑導致的，修改webpack打包文件中的配置，在webpack.prod.conf.js中增加publicPath:’./’ ,util.js中增加publicPath:’./’，修改config/index.js



修改完后：重新打包，網頁展示成功.

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。