vue-router Uncaught (in promise) 报错问题

从字面意思上看，是“未被发现的错误”，我之前一直觉得既然前端已经拿到后端返回的数据了，那一定是前端的代码写的有问题。但排查了一遍又一遍，仍然没有发现前端代码有什么问题。错误的代码是直接返回了data数据，而加了AjaxResult.success()方法后，报错信息：Uncaught (in promise) error。ConutValue对象很简单，就是从数据库中统计出4个数字。其实前端已经拿到后端返回的数据了。相当于加了个状态码，这样就好了。

总结出现这个问题的主要原因就是找不到指定路由，如果也遇见这个问题可以查一下是不是路由没有配置，或者没有权限访问。今日在写前端代码的时候，用vue-route遇到了一个问题，在跳转的时候发现报了这个错误。的时候没有访问权限，改一下后台权限设置就可以完美解决了。然后我也配置了路由，但是一直还是报错，最后发现是。如果还有问题未解决的问题，可以发在评论区解决。

然后我也配置了路由，但是一直还是报错，最后发现是路由配置的时候没有访问权限，改一下后台权限设置就可以完美解决了。总结出现这个问题的主要原因就是找不到指定路由，如果也遇见这个问题可以查一下是不是路由没有配置，或者没有权限访问。今日在写前端代码的时候，用vue-route遇到了一个问题，在跳转的时候发现报了这个错误。如果还有问题未解决的问题，可以发在评论区解决。

目录 1 错误 2 原因 3 解决方法 1 错误 vue中，连续多次单击同一个路由标签（单击该标签会发生路由跳转）跳转路由时，出现Uncaught (in promise)错误。 如：上代码以及图如下 <template> <div class = "footerGuideStyle"> <a href="javascript:;" class = "footerItems" v-bind:class = "{on: isPath('/msite')

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 本文链接：https://blog.csdn.net/weixin_43202608/article/details/98884620 今天在写项目时发现了在点击 router-link 会造成...

本来不想将博客作为一个记录踩坑笔记的地方，就想没事写个心情文吖，没想到，又踩坑了。（估计以后还会踩坑很多，因为到了新公司用的和之前都不一样了。。。。） 一、问题描述 使用vue-router跳转相同路由的时，比如在 /defend 路由下，使用 this.$router.push(’/defend’)再次跳转当前路由，控制台会报以下错误。 简单的意思就是：导航重复了（NavigatingDuplicated），message中也说了，不允许导航到当前位置（Navigating to current loc

最近运行项目时发现使用原来的node-moudles包时不会出现路由Uncaught(in promise) navigation guard报错信息，但是删除原来的包重新install后运行项目会出现Uncaught(in promise) navigation guard信息，代码中也找不出原因，比较了半天发现是版本问题，程序中引用的是vue-router:^3.0.0版本。 解决办法： 1、因此把包改成^2.x.x，我的改成了 ^2.8.1 ，一定要再次使用cnpm install 否则引用的本地包还

一、错误描述 ： 当点击的菜单，就对应当前路由时，出现以下错误 vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"} 二、方法一：重新安装 vue-router ...

项目场景： 在写VueCli项目，用到push时候后台红字报错，虽然问题不大，但是看着碍眼 原因分析： 找了资料，发现问题来源： Vue-router 3.1.0 版本以上，使用 push 和 replace 进行跳转时控制台会抛出异常，例如 router.push(’/path’) 返回了 promise ，之前的版本没有报错是因为 vue-router 根本没有返回错误信息，所以之前我们一直无法捕获异常。 解决： 方法一 使用的时候用错误拦截 router.push('/path').catch(

vue-router报错Uncaught (in promise)及解决方法

报错信息： vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/recommend/000Si7u14BaKKw") is not allowed", stack: "Error↵ at new Navi

路由报错，从登录页跳转首页跳转不成功，需要两次点击才能成功跳转 主要参考https://blog.csdn.net/Beam007/article/details/121630233 参考文献：https://blog.csdn.net/Beam007/article/details/121630233 https://blog.csdn.net/qq_38392623/article/details/121185731 https://blog.csdn.net/qq_42092177/article/

解决 Uncaught (in promise) Error: Navigation cancelled from “/Search#1608911018888” to “/Search#1608911019245” with a new navigation. 这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况 push和replace 都会导致这个情况的发生 解决方法如下:在路由器中进行配置 import VueRouter

问题描述：重复点击导航时，控制台出现报错 ， 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： // src/router/index.js Vue.use(Router) const router = new Router({ routes }) const VueRouterPush = Router.prototype.push Router.prototype.push = function push (to) { return VueRouterPush.call(t

今天在写项目时发现了在点击 router-link 会造成报错的问题， 报错内容为： 废话不多说，解决方法很简单，把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包就可以解决。 ...

解决vue多次点击同一个路由 Uncaught (in promise) 报错问题 当我们连续多次点击个人中心时，会发生下图错误Uncaught (in promise)错误： vue项目路由跳转时控制台出现NavigationDuplicated错误， message: "Navigating to current location (XXX) is not allowed" 原因 在 Vue-Router3.1.0+，此时如果支持 Promise，router.push或 router.repla

一、前言 在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题 二、原因 V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常 三、解决方法 1、在调用方法的时候用catch捕获异常 ...

背景描述: vue项目，做登录页，点击登录按钮时，nextwork显示已经登录成功，但是console中报错 vue-router.esm.js?8c4f:2089 Uncaught (in promise) undefined 并且没有跳转到默认页面。 参考别人博客发现是vue-router跳转方法的问题。 *1.router.push(location)=====window.history....