本栗子是基於vue-cli2.9.6,當咱們安裝好vue-cli立刻開始擼項目,npm run dev進入開發環境時是沒有問題的,但當我npm run build 進行項目打包,打包好後瀏覽disk/index.html 項目時會發現有報錯,是資源路徑出錯,以下
html
咱們再看看index.html裏的代碼vue
這裏全部的資源路徑都是 /static/,顯然這個相對路徑有問題,應該爲./static/ 纔對(「./」表示當前同級目錄開始。「/」表示根目錄開始。),那麼怎麼改呢,這裏的/static/應該是webpack配置裏生產環境的output中的publicPath影響的,那怎麼搞呢webpack
咱們打開vue-cli/config/index.js文件,找到build.assetsPublicPath修改成assetsPublicPath:'./'web
強擼灰飛煙滅。。。vue-cli
而後在npm run build 一哈就ok了,就這麼簡單!(是隻有2.9.6版本纔會有這樣的問題仍是2.x都有,就不知道了)npm