vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: “/result/3“错误

最新推荐文章于 2024-04-22 10:01:45 发布

Mr.Meng_95

最新推荐文章于 2024-04-22 10:01:45 发布

阅读量163

点赞数

分类专栏：项目 vue 文章标签： vue vue.js

本文链接：https://blog.csdn.net/qq_30351747/article/details/116027218

版权

项目同时被 2 个专栏收录

179 篇文章 11 订阅

订阅专栏

vue

25 篇文章 3 订阅

订阅专栏

在开发Vue项目时，遇到控制台报NavigationDuplicated错误，这是由于重复触发同一路由导致的。为了解决这个问题，可以在router/index.js文件中对VueRouter的push方法进行拦截和处理，覆盖原有的push方法，使其在发生错误时能优雅地捕获并处理，从而消除冗余导航的警告。

摘要由CSDN通过智能技术生成

vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: "/result/3"错误

写vue项目，重复点击路由会在控制台报如下错误
它的提示是避免到当前位置的冗余导航。简单来说就是重复触发了同一个路由。
在这里插入图片描述

解决：在router/index里加如下代码就可以了

const originalPush = VueRouter.prototype.push

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

就是这个位置
在这里插入图片描述