vue+webpack創建的項目打包發布至服務器，頁面空白及背景圖片不顯示問題解決

• 一. 頁面顯示空白
• 二. 背景圖片不顯示

一. 頁面顯示空白

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

二. 背景圖片不顯示

解決方法：

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

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

完成以上配置，重新打包發布后頁面正常顯示。

總結

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

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