vue專案打包上線之前要進行相應的配置，否則會存在路徑找不到，頁面出現空白的問題，現在做一下記錄
1、打包成功沒有報錯，但是開啟頁面顯示空白
解決：檔案位置：config目錄下index.js檔案更改assetspublicpath屬性：檔案裡面有兩個assetspublicpath屬性，也就是更改build裡面的assetspublicpath屬性：（加上點）
assetspublicpath:'/'替換成assetspublicpath:'./'
2、打包成功沒有報錯，但是開啟頁面ico圖示不顯示
解決：檔案位置：build目錄下utils.js檔案中fallback後邊新增publicpath: '../../'
if (options.extract) )} else
3、打包完成後某些沒載入出來，f12提示404，且dist檔案下的static資料夾下有乙個img資料夾
原因：過大或者資源檔案過大、超過了打包規定的限制；
4、打包後執行專案：重新整理介面會出現404
解決：router目錄下的index.js檔案，mode: 'history',//將這個模式關閉就好
5、執行npm run build就會生成dist資料夾，也就是打包好的檔案
（本人目前只遇到上述三種情況，如遇其他情況，請參考感謝分享）
npm打包vue專案部署到nginx
1.build vue project，生成dist目錄 npm run buildstart nginx.exe3.訪問localhost 8082如下 4.nginx測試完畢，此時將我們專案構建後的dist目錄整個複製到nginx根目錄的html資料夾下 c users jalchu nginx...
vue專案部署
1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案，npm run build 之後會生成乙個dist資料夾,即為打包好的檔案，將檔案放在磁碟中，配置nginx監聽80埠，並指定服務名稱server name，最終可用kangqiao.kangqiao.c...
vue專案部署
放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...