Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法

前端菜鸡小卒

于 2019-08-22 10:30:47 发布

阅读量7.4k

点赞数 6

文章标签： Uncaught (in promise) Navigati vue-router报错

本文链接：https://blog.youkuaiyun.com/qq_30376375/article/details/100009371

版权

本文介绍了一种解决Vue项目中使用Vue Router时遇到的重复导航错误的方法。通过修改router.js文件，添加自定义的push方法，可以有效避免NavigationDuplicated错误的发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：最近在项目中，做左侧菜单栏时，发现点击路由跳转相同地址会有这个报错

Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

解决办法：

router.js(或者router文件夹下index.js)中，添加这段代码

import Router from 'vue-router';

Vue.use(Router)

// 添加这下面一段代码，就可以解决报错 

const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
};