vue-cli 2 打包後的路徑問題

問題

本栗子是基於vue-cli2.9.6,當咱們安裝好vue-cli立刻開始擼項目,npm run dev進入開發環境時是沒有問題的,但當我npm run build 進行項目打包,打包好後瀏覽disk/index.html 項目時會發現有報錯,是資源路徑出錯,以下
clipboard.pnghtml

咱們再看看index.html裏的代碼vue

clipboard.png

這裏全部的資源路徑都是 /static/,顯然這個相對路徑有問題,應該爲./static/ 纔對(「./」表示當前同級目錄開始。「/」表示根目錄開始。),那麼怎麼改呢,這裏的/static/應該是webpack配置裏生產環境的output中的publicPath影響的,那怎麼搞呢webpack

解決方法

咱們打開vue-cli/config/index.js文件,找到build.assetsPublicPath修改成assetsPublicPath:'./'web

clipboard.png

強擼灰飛煙滅。。。vue-cli

而後在npm run build 一哈就ok了,就這麼簡單!(是隻有2.9.6版本纔會有這樣的問題仍是2.x都有,就不知道了)npm

相關文章
相關標籤/搜索