記錄一次開發中遇到的問題：Vue 重新整理頁面後，頁面空白

因為剛開始學習vue前端技術,在實踐過程中遇到一個路由相關問題,記錄一下處理過程

環境:

    windows10系統
    vue-cli3 3.X

錯誤現象描述

    在專案中可以使用`<router-link :to="{path: '/' + children.rule_url}"`進行不同選單之間的切換,效果很正常,完全沒有問題,但是此時重新整理頁面後,顯示空白頁面,按下F12,發現報錯:"Uncaught SyntaxError: Unexpected token <"

重新整理頁面後，出現以下錯誤

解決辦法

    在vue.config.js檔案中新增 publicPath:"/"，然後執行npm run build 命令，進行重新發布，重新訪問原路由，進行重新整理，問題已解決

總結

因為之前此專案有過一次釋出操作，後臺因為需求改動，需要改動專案中的父級元件，更改過後並沒有重新執行命令進行釋出，故出現以上問題，結果辦法也很簡單，就是重新發布一遍就可以了！

學習自原文部落格