vue路由解决Uncaught (in promise) Error: Avoided redundant navigation to current location: “/home/news“.

最新推荐文章于 2023-08-27 18:16:35 发布

原创最新推荐文章于 2023-08-27 18:16:35 发布 · 1.8w 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端开发

当前文章被收录于：

前端开发

32 篇文章 0 人学习

html,css,javascript,jquery,react,vue相关

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文解决了一个常见的Vue应用中遇到的路由push方法导致的错误。通过修改VueRouter的原型方法，可以有效避免错误的发生，确保应用的正常运行。

在添加如下步骤后报错，但是不影响使用：

activated(){
   this.$router.push(this.path);
},

解决办法：

在router文件夹下的index.js中加入如下代码，错误消失

import Vue from 'vue'
import VueRouter from 'vue-router'
//import HelloWorld from '@/components/HelloWorld'
const originalPush = VueRouter.prototype.push
   VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
}

标签

#vue.js