1. 程式人生 > >vue-cli2中的webpack打包檔案地址出錯問題

vue-cli2中的webpack打包檔案地址出錯問題

已經不是第一次遇到,結果今天還是再問了一遍我們另外一個前端小姐姐,來記錄一下。

首先放出報錯資訊:

  

當時反應就是,我Dev環境跑起來這麼歡快,小老弟,你測試環境你怎麼肥四啊?你揹著我把檔案存哪去了!然後想來想去去找度娘。emmm,資訊特別雜亂。那就只能靠我另外一個前端小姐姐了。最後做了3點修改,就完成了。

1:背景圖片必須放在static裡面。(我之前都不知道,小聲bb)

2:在config檔案的index.js裡面將assetsPublicPath:'/'改為‘./’。這裡處理的就是渲染的js,css,img圖片的地址了。有這個就可以出來了!

 

3.處理背景圖片地址問題,一般如果不處理,就會遇到地址這樣,dist/static/img/static/xxx.png。這是因為背景圖片在原來的static裡面,地址就很奇怪,這個時候需要配置一下公共路徑。publicPath。這裡說一下可以怎麼改:

A:網上的一種方法是在webpack.base.conf.js中解析圖片的地方新增publicPath,在options裡面增加一個屬性publicPath:'./'

B:在utils中解析的時候新增這個屬性(本人就是這個方法,好用)

這2種方法,配置的路徑是看你們打包的地址什麼的來寫的,見仁見智。都可以試試。

綜上,做完這些,就可以跑通了!大呼一口氣。哈哈哈