vue-router 3.1.0+ 版本 跳转到当前路径会报错

[lovelmh13]

原因

1. push 中调用的 confirmTransition函数
   

2. confirmTransition函数会判断要添加进队列的路由是不是与前一个路由是同一个路由( isSameRoute 函数)，isSameRoute中又会判断路由的参数是不是同一个对象( isObjectEqual 函数 )

3. 如果是，则会抛出一个 创建重复导航的错误( createNavigationDuplicatedError )

解决方法

利用 AOP 切片，修改push方法

// 利用 AOP 解决 vue router 3.1.0+ 相同路由报错的问题
Router.prototype.push = function push (location, onResolve, onReject) {
  // 这一段是 Router.prototype.push 的源码，当跳转路由有还有要执行的cb时，执行这里
  if (onResolve || onReject) {
    return originalRouterPush.call(this, location, onResolve, onReject)
 }
  // 接收住路由的报错，不显示
  return originalRouterPush
   .call(this, location)
   .catch((error) => error)
}