当在url中推送查询参数并保持在同一路径上时，Vue.js中的"NavigationDuplicated“异常有什么解决方法吗？

const router = new VueRouter({
  mode: 'history',
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    }
    if (to.hash) {
      return { selector: to.hash };
    }
    return { x: 0, y: 0 };
  },
  // 添加catch方法来捕获NavigationDuplicated异常
  // 并进行相应的处理
  fallback: true,
  catch: function(err) {
    if (
      err.name === 'NavigationDuplicated' &&
      err.message.includes('Navigating to current location')
    ) {
      // 进行自定义处理，比如弹出提示框或重定向到其他页面
    } else {
      // 抛出其他异常，进一步处理
      throw err;
    }
  }
});

const router = new VueRouter({
  mode: 'history',
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    }
    if (to.hash) {
      return { selector: to.hash };
    }
    return { x: 0, y: 0 };
  },
});

router.beforeEach((to, from, next) => {
  // 在全局前置守卫中捕获NavigationDuplicated异常
  if (
    to.name === from.name &&
    JSON.stringify(to.params) === JSON.stringify(from.params) &&
    JSON.stringify(to.query) === JSON.stringify(from.query)
  ) {
    // 进行自定义处理，比如弹出提示框或重定向到其他页面
  }
  next();
});

// 使用replace方法替代push方法
this.$router.replace({ path: '/your-path', query: { param: 'value' } });