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

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

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

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

編譯以後,路徑分別爲 vue-router

/system/auth npm

/system/roleui

/system/menuurl

/system/grouprouter

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

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

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

 

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

相關文章
相關標籤/搜索