警告[vue-router]?Duplicate?named?routes?definition簡單解決方法
更新時間：2023年12月12日 14:44:24 作者：前進的北極熊
這篇文章主要關(guān)于介紹了警告[vue-router]?Duplicate?named?routes?definition的解決方法,這個錯誤提示是因為在Vue Router中定義了重復(fù)的路由名稱,需要的朋友可以參考下
出現(xiàn)警告：
退出登錄再登錄后 控制臺路由命命名重復(fù)警告問題
發(fā)現(xiàn)自己的name并沒有重名,那么一般是后臺動態(tài)路由導(dǎo)致的報錯警告
動態(tài)路由一般來說是通過后端接口返回拿到數(shù)據(jù),然后在路由守衛(wèi)router.beforeEach中進行添加
addRoutes方法僅僅是幫你注入新的路由,并沒有幫你剔除其他路由
解決方法：
router/index.js中：
const createRouter = () => new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
/*
解決:退出登錄再登錄后 控制臺路由命命名重復(fù)警告問題
發(fā)現(xiàn)自己的name并沒有重名,那么一般是后臺動態(tài)路由導(dǎo)致的報錯警告
動態(tài)路由一般來說是通過后端接口返回拿到數(shù)據(jù),然后在路由守衛(wèi)router.beforeEach中進行添加
addRoutes方法僅僅是幫你注入新的路由,并沒有幫你剔除其他路由
*/
const router = createRouter();
// 重置路由
export function resetRouter() {
const newRouter = createRouter();
router.matcher = newRouter.matcher; // the relevant part
}
導(dǎo)航全局前置守衛(wèi)中：發(fā)現(xiàn)是addRoute()導(dǎo)致的，所以在添加路由之前要重置路由
重置之后，黃色警告就沒有了。
總結(jié)
到此這篇關(guān)于警告[vue-router] Duplicate named routes definition簡單解決方法的文章就介紹到這了,更多相關(guān)vue-router Duplicate named routes definition內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
詳解Vue學(xué)習(xí)筆記入門篇之組件的內(nèi)容分發(fā)(slot)
這篇文章主要介紹了詳解Vue學(xué)習(xí)筆記入門篇之組件的內(nèi)容分發(fā)(slot)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了使用vant-uploader上傳照片無法刪除的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
在Vue中，修飾符處理了許多DOM事件的細節(jié)，讓我們不再需要花大量的時間去處理這些煩惱的事情，而能有更多的精力專注于程序的邏輯處理2022-10-10
這篇文章主要介紹了webstorm添加*.vue文件支持，webstorm很多的插件內(nèi)置，不用安裝插件，下面嘗試用vue和es6做項目，有興趣的可以了解一下2018-05-05
這篇文章主要給大家介紹了關(guān)于axios異步提交表單數(shù)據(jù)的幾種方法，文中通過示例代碼介紹的非常詳細，對各位大家學(xué)習(xí)或者使用axios具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單的輪播圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
今天小編就為大家分享一篇vue之debounce屬性被移除及處理詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
解決removeEventListener 無法清除監(jiān)聽的問題
這篇文章主要介紹了解決removeEventListener 無法清除監(jiān)聽的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
詳解Vue項目在其他電腦npm run dev運行報錯的解決方法
這篇文章主要介紹了詳解Vue項目在其他電腦npm run dev運行報錯的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了vue a標(biāo)簽點擊實現(xiàn)賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09