路由重复注册Duplicate named routes

问题：

控制台报错Duplicate named routes，一开始登录，切换用户时都会出现

环境：

vue: 2.6.6 element-ui: 2.10.1 动态权限控制路由

分析：

报错的意思是路由重复定义。查看静态路由并没有出现重复，打断点发现，动态添加路由执行了多次，增加变量控制只添加一次动态路由。解决登录报错，没有解决切换用户报错。切换用户时router对象并没有清空上次动态添加的路由，导致切换用户登录时动态添加路由报错。切换用户时，用户权限会变，所有必须再次动态添加路由。问题关键是切换用户时把router的动态路由清空，重现添加。

$route.matched

类型: Array<RouteRecord>

一个数组，包含当前路由的所有嵌套路径片段的路由记录 。路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。

所以重新给Router.matcher赋值可以达到更新路由配置的目的

router.$addRoutes = (params) => {router.matcher = new Router({mode: 'history',routes: [...StaticBaseRouter],}).matcher;router.addRoutes(params)
}

用$addRoutes代替原有的addRoutes，StaticBaseRouter是原有的静态路由

路由重复注册Duplicate named routes相关推荐

vue 路由报[vue-router] Duplicate named routes definition
这里有两种解决办法: 1.检查下有没有name重名的路由,比如像下面这样: {path: '/storage-pool',name: 'storagePool', // name 1component ...
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告 Duplicate named routes definition ,这里记录一下解决方式和思路. 警告产生的原因根据提示内容,我们大概猜测是和路由的name有 ...
[vue-router] Duplicate named routes definition
浏览器告警信息 [vue-router] Duplicate named routes definition: { name: "index", path: "/inde ...
Duplicate named routes definition:
[vue-router] Duplicate named routes definition: { name: "模板", path: "/exam/" } 这 ...
Duplicate named routes definition
初始化后台菜单的时候报了一堆Duplicate named routes definition, 原因:没有判断addRoutes是否成功,以下为正确逻辑:判断vuex中是否存在menus,当存在之后 ...
【记录21】[vue-router] Duplicate named routes definition: { name: “details“, path: “/equiment/details“
问题: 报错或预警:[vue-router] Duplicate named routes definition: { name: "details", path: "/ ...
Duplicate named routes definition重复的路由名
改为这样就可以了
vue-router.esm.js?081a:16 [vue-router] Duplicate named routes definition(问题篇)
1.vue路由报的警告,原因是路由name名称重复了.如下图: 2.解决办法: 找到src文件下router下的index.js文件. 修改name,将相同的name改一下名称 3.保存刷新页面,看控 ...
浏览器出现的报错信息为：Duplicate named routes definition: { name: home, path: /index }
路由这样写就会报上面的错误: {path: '/',name: 'home',component: home,redirect: '/index', }, {path: '/index',name: ...

路由重复注册Duplicate named routes

问题：

环境：

分析：

路由重复注册Duplicate named routes相关推荐

最新文章

热门文章