Duplicate named routes是什么意思呢?
这句话的意思是vue的路由中有重复的路由名称
出现原因:addRoutes的作用注入新的路由,而不是替换其他路由
出现场景:假如当前用户退出登录时重新登录会出现警告

[vue-router] Duplicate named routes definition: { name: "transport", path: "/transport" }

解决方案:
1.可以使用location.reload(); 缺点:用户体验不好
2.可以使用vue-router中的matcher
//matcher的作用:新的routes就会替换老的routes
//具体原因:在做路径切换transitionTo方法中,首先就会使用const route = this.router.match(location, this.current)来匹配route, 其实内部会使用matcher来做匹配。修改了matcher即新的routes生效。
Logo

前往低代码交流专区

更多推荐