問題描述：

vue專案完成後，用npm run build 打包專案後，出現dist資料夾，點選dist資料夾下的index.html頁面出現一片空白。

---

原因分析：

沒有修改config配置檔案，直接打包，系統預設的是’/’（根目錄），而不是’./’（當前目錄）,從而導致路徑不對，頁面載入不出來。

---

解決方案：

針對vue-cli3.0以下版本的可以直接將config/index.js檔案的assetsPublicPath: ‘/’;改為assetsPublicPath: ‘./’; 然後再重新打包一次就可以了。

對於vue-cli3.0及以上版本沒有config配置檔案的。需要自己在專案的根目錄下手動建一個配置檔案並添上以下程式碼：然後在重新打包一次就可以了。

module.exports = {
  publicPath: './'
}

你以為這樣就結束了嗎？也許此時的你可以，但是小編我並沒有結束!!!

經過上面一番操作後，我點選導航欄它是這個樣子的：

百度得知是我開發時路由的方式選的不同，才導致這樣。
vue-router總共有三種模式：https://blog.csdn.net/lcj529/article/details/108740607這篇部落格裡面講了這三種路由方式。

具體解決辦法：將router中的index.js 中的mode: "history"註釋掉，然後再重新打包即可。

最後附上這篇部落格，羅列的更全面：
https://www.cnblogs.com/nuonuo-D/p/10516394.html