2018/11/21
最近在自己嘗試做一個vue的項目，發現了一個打包以后出現的路徑問題
使用npm run dev 可以正常打開項目，圖片路徑不會出錯，使用腳手架npm run build 打包以后打開index.html 發現所有圖片加載不出來，
發現路徑前面都多了一個斜杠 / (打包以后在服務器運行時沒有問題的)，但是現在想打包以后在本地看怎么辦呢？
這個時候只需要修改一下 webpack.config.js 文件里面的配置，然后重新打包就ok了，具體如圖
刪除紅圈語句的 publicPath: '/dist/', 前面的 / 就可以了（修改打包以后圖片以及其它文檔相對於index.html的相對路徑），
服務器上默認會去尋找靜態資源所以一般不會出錯，而本地的路徑就需要准確