具體描述:vue項目,npm run build時點擊路由切換,第一次點擊沒問題,再點不會切換報錯如下圖
原因分析:vue-router配置路由,當代碼分割和懶加載時,由於webpack配置不當,導致懶加載chunk時相對路徑出現混亂從而加載chunk失敗。-----路徑配置如下圖
以上路由配置,舉例systemManage說明報錯點
編譯之后,路徑分別為
/system/auth
/system/role
/system/menu
/system/group
切換到任何其他目錄均報錯,無法查看到將要加載的路徑
以上可能是 靜態資源根路徑未指定,相對路徑相對於當前url目錄導致
解決方法:修改webpack.config.js (自身項目由於將config配置提取出位置稍許有些不同)的靜態資源根路徑
以上修改后,路徑切換正常