1.首頁空白

在打包時需要使用相對路徑來處理靜態(tài)資源，更改build中資源發(fā)布路徑配置（config/index.js, build對象),打包后靜態(tài)文件就在當(dāng)前目錄下。
解決：修改config目錄里面的index.js文件
將 build里的assetsPublicPath: ‘/’ 改為 assetsPublicPath: ‘./’

2.static下靜態(tài)資源圖片找不見

原因：在引用的圖片路徑為”/static/img/login.png”
解決辦法：路徑變?yōu)椤眘tatic/img/login.png”

3.解決vue-cli打包時背景圖片丟失問題

需要更改build/utils.js的配置

至于為什么背景圖有的打包后存在，有的丟失，那是因為vue會把圖片轉(zhuǎn)成base64,但是圖片大小超過閾值就不轉(zhuǎn)了，直接引，而背景圖片里用的是相對路徑最后會直接替換成static，但是明顯路徑會有問題，所以得配置下

總結(jié)

以上是生活随笔為你收集整理的vue-cli打包遇到的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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