Vue项目中控制台报错：NavigationDuplicated: Avoided redundant navigation to current location......解决办法

最新推荐文章于 2024-07-15 17:31:50 发布

DangR-Jisoo

最新推荐文章于 2024-07-15 17:31:50 发布

阅读量1.1k

点赞数

分类专栏： Vue 前端文章标签： Vue NavigationDuplicated 错误修复 vue-router 重复导航

本文链接：https://blog.csdn.net/Angela_Connie/article/details/114493390

版权

前端同时被 2 个专栏收录

45 篇文章 2 订阅

订阅专栏

Vue

18 篇文章 2 订阅

订阅专栏

Vue项目中控制台报错：NavigationDuplicated: Avoided redundant navigation to current location…解决办法

出现问题的原因
控制台报错是因为冗余导航，也就是你在同一个导航上连续重复点击多次造成的，虽然无大碍，但控制台报错还是会令人难受
解决办法
办法一：在终端上安装npm i vue-router@3.0 -S

如果显示上述图片表明安装成功，之后再次运行程序npm run dev，重复点击就不会报错啦
办法二：在你创建的项目的router文件夹下的index.js文件中添加如下代码

//获取原型对象上的push函数
const originalPush = Router.prototype.push；
//修改原型对象中的push方法
Router.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
}

办法二转自https://blog.csdn.net/weixin_42402845/article/details/108334329