【vue】vue-router路徑無法正確跳轉


具體描述:vue項目,npm run build時點擊路由切換,第一次點擊沒問題,再點不會切換報錯如下圖

原因分析:vue-router配置路由,當代碼分割和懶加載時,由於webpack配置不當,導致懶加載chunk時相對路徑出現混亂從而加載chunk失敗。-----路徑配置如下圖

以上路由配置,舉例systemManage說明報錯點

編譯之后,路徑分別為 

/system/auth 

/system/role

/system/menu

/system/group

切換到任何其他目錄均報錯,無法查看到將要加載的路徑

以上可能是 靜態資源根路徑未指定,相對路徑相對於當前url目錄導致

解決方法:修改webpack.config.js (自身項目由於將config配置提取出位置稍許有些不同)的靜態資源根路徑

 

以上修改后,路徑切換正常

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM