Vue CLI3 - 项目中报错Error: Avoided redundant navigation to current location: “/xxx”的解决方案。
转载声明：
本文为摘录自“简书”，版权归原作者所有。
温馨提示：
为了更好的体验，请点击原文链接进行浏览
摘录时间：
2021-09-12 11:57:00
如果你也遇到这种状况，NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart".
报错显示路由频繁点击导致路由重复而报错，该报错对路由跳转功能没有任何影响。
解决方法如下：
首先,查看当前的项目的package.json文件，安装的路由是否大于3.0版本，如果是，欢迎使用如下解决方案。
router 文件夹下 index.js 中添加下面代码即可
import VueRouter from 'vue-router'
// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
return originalPush.call(this, location).catch(err => err)
}
注意使用事项：路由别名是否一致（因为个人喜好的命名不同，这里也要适当更改）
