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