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

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

1. 出现问题的原因
   控制台报错是因为冗余导航，也就是你在同一个导航上连续重复点击多次造成的，虽然无大碍，但控制台报错还是会令人难受
2. 解决办法
   办法一：在终端上安装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