vue ruouter 两次跳转同一个地址报错

Vue Router 是 Vue.js 官方的路由管理器，用于实现 SPA（Single Page Application）的前端路由功能。在 Vue Router 中，通过使用路由的 `push`、`replace` 方法可以实现页面跳转。当我们多次调用 `push` 或者 `replace` 方法跳转到同一个地址时，就会出现报错。

这个报错是因为当我们多次跳转到同一个地址时，Vue Router 会认为是一个重复的跳转操作，而默认情况下 Vue Router 是不允许重复跳转的。这样设计是为了避免在 SPA 中出现无限循环的跳转，造成浏览器崩溃。

如果我们确实需要多次跳转到同一个地址，那么我们可以通过修改路由的 `push` 或者 `replace` 方法的配置来解决这个报错。在跳转时，我们可以传递一个 `ignoreDuplicateNavigation` 的配置项，将其设置为 `true`，这样就可以避免报错了。例如：

// 在路由跳转时，传递一个 ignoreDuplicateNavigation 的配置项
router.push({
  path: '/same-path',
  ignoreDuplicateNavigation: true
})

通过以上方式，我们就可以实现多次跳转同一个地址而不报错了。但是在使用时，我们需要明确自己的需求，确保不会因为重复跳转而出现无限循环的问题。同时，在设置 `ignoreDuplicateNavigation` 为 `true` 时，也需要慎重考虑，确保不会影响到其他业务逻辑的正常运行。