vue+webpack創(chuàng)建的項(xiàng)目打包發(fā)布至服務(wù)器，頁(yè)面空白及背景圖片不顯示問(wèn)題解決

• 一. 頁(yè)面顯示空白
• 二. 背景圖片不顯示

一. 頁(yè)面顯示空白

解決方法：
config > index.js 文件修改，在 build 模塊中找到 assetsPublicPath，值改為"./"，如下圖所示：

二. 背景圖片不顯示

解決方法：

修改資源路徑
build > webpack.prod.conf.js 文件修改，在 output 模塊中添加 publicPath:'./'，如下圖所示：

修改打包后背景圖片的引用路徑
build > utils.js 文件修改，在 generateLoaders 方法中添加 publicPath:'../../'，如下圖所示：

完成以上配置，重新打包發(fā)布后頁(yè)面正常顯示。

總結(jié)

以上是生活随笔為你收集整理的Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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