vue cli 3.0 腳手架 實現項目打包（解決項目打包后空白頁問題）

寫完項目的代碼后，項目准備上線 ，可以使用

npm run build 命令

對項目打包。

但是經常出現打包好的項目是空白頁的情況。這是因為需要我們手動配置。

解決方法如下

1. 在vue項目的根目錄 下創建 一個 vue.config.js文件。

2.在文件中輸入如下代碼：

　　module.exports={

　　　　publicPath:'./',

　　　　outputDir:'dist',

　　　　assetsDir:'static'

　　}

3.找到 router 目錄下的 index.js 文件。修改 mode的值為hash

　　mode:'hash'

　　重新運行 npm run build 命令即可。