Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错

这篇具有很好参考价值的文章主要介绍了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  • 解决 Vue 路由传递参数时,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题 .
  • 报错内容:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search/111".
  • 问题描述:重复点击导航时,控制台报错

浏览器报错截图:

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错,vue.js,前端,javascript

 解决方法:src/router/index.js 配置文件中添加以下代码

// src/router/index.js
import Vue from 'vue'
import VueRouter  from 'vue-router'
Vue.use(VueRouter)

//添加以下代码
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错,vue.js,前端,javascript

 文章来源地址https://www.toymoban.com/news/detail-519477.html

到了这里,关于Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Bug排查】Uncaught (in promise) Error: Infinite redirect in navigation guard

    记一次Bug排查 今日在做尚硅谷的商品甄选项目时,遇到无法登录的问题:报错 Uncaught (in promise) Error: Infinite redirect in navigation guard 一开始我去搜CSDN,都说是路由的问题,我对前端也不了解,试着改了一下,发现没有用。我怀疑是前端包的问题,于是我重新下载解压了若干次资

    2024年02月07日
    浏览(54)
  • ❤ 错误 “Avoided redundant navigation to current location...” 的解决方案

    vue 项目中使用 vue-router 的 编程式导航 写法进行路由切换时: 如果用户在页面 多次点击按钮 时,浏览器的控制台报如下错误: vue-router 实例上的 push 方法返回的是 promise 对象,所以传入的参数期望有一个成功和失败的回调,如果省略不写则会报错。 方案一:每次使用 push

    2024年04月23日
    浏览(32)
  • 报错:Avoided redundant navigation to current location: “/login“.完美解决

    登陆之后才能查看主页面,否则跳转至登录页 一开始是打算直接在拦截器跳转路由的,发现会报错Avoided redundant navigation to current location: \\\"/login\\\". 后来灵机一动,用了全局路由守卫,完美解决 报错: 添加全局路由守卫,并通过localStorage存储信息 全局路由守卫: 登录界面的逻

    2024年02月08日
    浏览(40)
  • 错误 “Avoided redundant navigation to current location...” 的解决方案

    当 vue 项目中使用 vue-router 的 编程式导航 写法进行路由切换时: 如果用户在页面 多次点击按钮 时,浏览器的控制台报如下错误: 错误原因: vue-router 实例上的 push 方法返回的是 promise 对象,所以传入的参数期望有一个成功和失败的回调,如果省略不写则会报错。 解决方案

    2024年02月16日
    浏览(41)
  • vue3+vue-router4:报错Uncaught (in promise) Error: Invalid navigation guard

    报错图示: Error: Invalid navigation guard Uncaught (in promise) Error: Invalid navigation guard 错误影响描述: 配置开发、测试、生产时候,因为是公众号,所以想在开发环境下免鉴权,不走微信获取openid接口,pinia中定义好openid直接进入项目,遂遇此问题。 因为在async和await中使用,导致n

    2024年02月17日
    浏览(57)
  • 【vue】Vue-Router报错:Uncaught (in promise)Error: Navigation cancelled from “/“ to “/1“ with a new navig

    一、问题: 二、分析: 该错误是因为vue-router的内部 没有对编程式导航进行catch处理 ,所以在使用 this.$router.push() 和 this.$router.replace 进行路由跳转时,往同一地址跳转时或者在跳转的 mounted/activated 等函数中再次向其他地址跳转时会出现报错。但是在3.1.0版本及更高版本中,

    2024年02月04日
    浏览(66)
  • Uncaught (in promise)和Uncaught (in promise) TypeError: Cannot read properties of undefined (readin

    只要在后面加上.catch((e) = {}),就不会报错了,    这个问题的解决要想resolve(),在commit()不然就会报错,注意:先后的顺序

    2024年02月09日
    浏览(49)
  • Uncaught (in promise)解决方法

    \\\"Uncaught (in promise)\\\" 是 JavaScript 的一种错误,通常是在执行 Promise 时发生的。解决方法可能有以下几种: 在 catch 块中处理错误。例如:

    2024年02月16日
    浏览(50)
  • 报`Uncaught (in promise)`错误解决办法

    使用了promise,但是在使用的过程中报 Uncaught (in promise) 错误,第一次遇到这种错误,所以在此记录下,方便以后解决问题 只要在 new Promise 后面加上 new Promise((resolve, reject) ={}).catch((e) = {}) ,就不会报错了 有收获?希望老铁们来个三连击,给更多的同学看到这篇文章 1、老铁们,

    2024年02月11日
    浏览(61)
  • ❤ 报`Uncaught (in promise)`错误解决办法

    使用了promise,但是在使用的过程中报Uncaught (in promise)错误,第一次遇到这种错误,记录下,方便以后解决 ❤ 问题: ❤ 解决: 后面加上new Promise((resolve, reject) ={}).catch((e) = {}),就不会报错了

    2024年02月07日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包