问题

在做前后端分离项目的时候,vue使用路由进行界面跳转时,出现了以下错误,说是路由重复啥的,之前的项目都没这问题。。

vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/success”.

解决方案

在router目录下的index.js文件中加上这么一段话即可

const originalPush = router.prototype.push;
router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}


这里router.prototype的router要和import后面的名字一致。

为什么会出现这个重复路由问题,我不太清楚,如有知道的,还请不吝赐教。

vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation相关推荐

  1. 【vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigati】

    vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...

  2. vue-router.esm.js?8c4f:1958 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

    原链接: https://blog.csdn.net/qq_44242030/article/details/108823697?ops_request_misc=%257B%2522request% ...

  3. Vue-Router点击相同路由报错,vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided r

    vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...

  4. 报错 | vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig

    vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...

  5. vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

    报错信息 vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig ...

  6. vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig错误解析

    出现的情况 写vue时,当使用编程式导航多次点击跳转时会出现 原因 因为编程式this.$router.push或者this.$router.replace的返回值是一个Promise对象,所以需要处 ...

  7. vue报错vue-router.esm.js?8c4f:2062 Uncaught (in promise) Error: Avoided redundant navigation to curren

    在写导航切换时点击会有以下报错 这个报错是是路由中点击路径重复 ,也有可能是安装的vue-router还是之前出错的那个版本,在项目目录下运行 npm i vue-router@3.0 -S 即可. ...

  8. vue-router.esm.js?fe87:2062 Uncaught (in promise) Error: Avoided redundant navigation to current loc

    vue报错 vue-router.esm.js?fe87:2062 Uncaught (in promise) Error: Avoided redundant navigation to curre ...

  9. vue-router报错的解决方法vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated:

    在main.js中加入以下代码 const originalPush = Router.prototype.push Router.prototype.push = function push(loc ...

最新文章

  1. Navicat 2003-can't connect to MYSQL server on 'localhost'(10061)
  2. 基于Struct的云和租房系统(简单房屋出租)
  3. 皮猜按下谷歌招聘暂停键,疫情之下,「紧日子」来了
  4. java中事件的概念,事件中心上IoTHub数据的概念
  5. 外架小横杆外露长度规范要求_电缆制作通用工艺规范
  6. PRML笔记 第一章 Introduction
  7. 微信公号开发实战之智能翻译
  8. 非科班程序员AI学习路径建议
  9. Interview:职场面试技巧之STAR面试法则
  10. 计算机学院静态网页毕业论文,静态网页毕业论文静态网页毕业论文.doc
  11. 将两块球形橡皮泥揉在一起,捏成一个正方体。请编程,完成下述功能:从键盘读入2个球形橡皮泥的直径,直径为浮点数;求正方体的边长,并保留两位小数输出;
  12. Nim理论初探——编程之美1.12
  13. 文件服务器搭建手机,自己搭建手机云服务器
  14. java整合支付宝遇到的坑及解决方法
  15. 心情日记20090820
  16. synchronized的偏向锁、轻量级锁和重量级锁
  17. 「镁客早报」英特尔与紫光展锐分道扬镳;小米组织架构大调整...
  18. java基于springboot的火车高铁购票系统
  19. 2020十大美黄金交易平台排名
  20. 使用vnc远程centos桌面

热门文章

  1. 一文理解分布式开发中的服务治理
  2. H5微信分享接口开发JS-SDK PHP[附源码]
  3. 如何使用python简单的爬取微博搜索的内容
  4. android开源项目!来一份全面的面试宝典练练手,通用流行框架大全
  5. 安豆苗:轻量级Android手机管理工具
  6. 2021上海省赛 H. 鸡哥的 AI 驾驶(二分答案)
  7. linux下文件新建、移动(重命名)、复制粘贴、删除命令使用方法(touch,mv,cp,rm)
  8. 无法启动服务,原因可能是已被禁用或与其他关联的设备没有启动
  9. unity工程统一管理Pico和oculus项目
  10. 海康威视面试(C++研发岗位)