1.首頁(yè)空白

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

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

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

3.解決vue-cli打包時(shí)背景圖片丟失問(wèn)題

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

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

總結(jié)

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

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