警告[vue-router] Duplicate named routes definition简单解决方法
更新时间：2023年12月12日 14:44:24 作者：前进的北极熊
这篇文章主要关于介绍了警告[vue-router] Duplicate named routes definition的解决方法,这个错误提示是因为在Vue Router中定义了重复的路由名称,需要的朋友可以参考下
出现警告：
退出登录再登录后 控制台路由命命名重复警告问题
发现自己的name并没有重名,那么一般是后台动态路由导致的报错警告
动态路由一般来说是通过后端接口返回拿到数据,然后在路由守卫router.beforeEach中进行添加
addRoutes方法仅仅是帮你注入新的路由,并没有帮你剔除其他路由
解决方法：
router/index.js中：
const createRouter = () => new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
/*
解决:退出登录再登录后 控制台路由命命名重复警告问题
发现自己的name并没有重名,那么一般是后台动态路由导致的报错警告
动态路由一般来说是通过后端接口返回拿到数据,然后在路由守卫router.beforeEach中进行添加
addRoutes方法仅仅是帮你注入新的路由,并没有帮你剔除其他路由
*/
const router = createRouter();
// 重置路由
export function resetRouter() {
const newRouter = createRouter();
router.matcher = newRouter.matcher; // the relevant part
}
导航全局前置守卫中：发现是addRoute()导致的，所以在添加路由之前要重置路由
重置之后，黄色警告就没有了。
总结
到此这篇关于警告[vue-router] Duplicate named routes definition简单解决方法的文章就介绍到这了,更多相关vue-router Duplicate named routes definition内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了详解Vue学习笔记入门篇之组件的内容分发(slot)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了使用vant-uploader上传照片无法删除的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理2022-10-10
这篇文章主要介绍了webstorm添加*.vue文件支持，webstorm很多的插件内置，不用安装插件，下面尝试用vue和es6做项目，有兴趣的可以了解一下2018-05-05
这篇文章主要给大家介绍了关于axios异步提交表单数据的几种方法，文中通过示例代码介绍的非常详细，对各位大家学习或者使用axios具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
这篇文章主要为大家详细介绍了vue实现简单的轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
今天小编就为大家分享一篇vue之debounce属性被移除及处理详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
解决removeEventListener 无法清除监听的问题
这篇文章主要介绍了解决removeEventListener 无法清除监听的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
详解Vue项目在其他电脑npm run dev运行报错的解决方法
这篇文章主要介绍了详解Vue项目在其他电脑npm run dev运行报错的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了vue a标签点击实现赋值方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论