vue-cli 3.x 打包上線 【入坑合集】

問題1：使用vue-cli 3.x開發的專案，開發的時候順利無比，一旦打包上線各種問題就來了。首先是資源裡面報各種各樣的請求錯誤。

解決思路：在src資料夾同級目錄下建立vue.config.js檔案

在vue.config.js中重寫打包後的基礎路徑為當前目錄

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

問題2：重新打包之後上傳伺服器，發現訪問是不會報錯了，但是請求的資源（如index.html）這些又報304問題，整個頁面是一個白屏，沒有任何自己的開發的東西

解決思路：檢視各種資料後得出結論，應該是路由的載入模式的問題，因為vue-router的模式不同，導致伺服器不能夠識別，解決方案就是在 router.js 中 更改路由器的訪問模式。

將history模式更改為vue專案預設的hash模式即可

再次打包上傳伺服器，訪問成功