vue-cli發佈版本時，打包問題的正確解決方案

1、修改後端express配置：
編輯bin/www修改端口號爲80（固然若是喜歡域名中帶有端口能夠不修改，推薦修改）。輸入：vim bin/www。顯示如圖：

2、檢查後端express中的view下的index.html存在與否，若存在對比web代碼中的index.html是否同樣，若不同，將web代碼中的index.html覆蓋掉view/index.hmtl。（個人不同，因此，覆蓋。）如圖：

3、清空後端express中public下的全部文件：

4、如今開始配置web代碼，首先配置config下的index.js的文件配置，修改相對路徑和配置不打包map文件。
具體作法是將config文件夾-index.js中的assetsPublicPath: './'要改成當前目錄而不是'/'根目錄'。以及關閉map壓縮：將productionSourceMap修改成false（默認是true）。如圖：

5、修改build-webpack.base.conf.js，解決引入字體圖標，好比font-awesome的圖標路徑出錯的問題，在webpack.base.conf.js裏面修改limit要改大，把10000改成90000。如圖：

6、修改build-webpack.prod.conf.js,解決不一樣模板下的components下的文件CSS可使用的問題。若是沒有這個cssProcessorOptions: { safe: true }的配置，就會致使css問題。因此添加就ok。

7、修改web-src-router-index.js,去掉mode：history，解決發佈版本頁面不能刷新問題。

8、好了，如今鍋已熱好，就等上菜了。開始執行npm run build。生成一個dist文件。（備註：web目錄下有個static空文件，不要刪）。

9、將dist上傳到後端express（個人後端是express），將static和index.html放在public目錄下。啓動後端服務器。在瀏覽器輸入ip地址便可。

10、若是出現ionicons文件資源找不到的問題，如圖所示：

那麼在 build/webpack.prod.conf.js 中,將裏邊的 extract改成false,默認是true。如圖：

11、若是出現vendor.js文件的代碼報錯：如圖

進入src修改其中的vue文件的axios的地址爲正確格式。

12、若是出現打包的一下錯誤：

解決方案爲：安裝npm install --save-div babel-preset-es2015，而且修改build-webpack.base.conf.js文件同時根目錄下添加【.babelrc】文件，文件內容爲{"presets": ["es2015"]}
}

十3、打包報錯：

安裝對應便可。