在Vue应用中遇到Vue Router的NavigationDuplicated错误？本文提供两种解决方案：一是通过覆盖Router原型上的push方法来捕获并处理错误；二是使用$router.replace代替$router.push避免重复导航。确保你的路由操作顺利进行。
Vue出现
vue-router.esm.js?fe87:2065
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:
解决办法：
在index.js文件添加
//获取原型对象上的push函数
const originalPush = Router.prototype.push
//修改原型对象中的push方法
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}第二种办法
跳转的地方修改为
this.$router.replace('/home').catch(err =>{err})
1737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
