router.push有时候在Safari浏览器中无反应

Question

router.push有时候在Safari浏览器中无反应，也就是停留在当前页面，我的代码是这样的，应该没有什么问题吧。

loginInterface
    .logout()
    .then(res => {
      if (res.code === 1000) {
        localStorage.removeItem("user-info");
        Cookies.remove("Authorization");
        Cookies.remove("multiple-tabs");
        router.push("/login").then(() => {
          message("退出登录成功！", { customClass: "el", type: "success" });
        });
      } else {
        message(res.message, { customClass: "el", type: "error" });
      }
    })
    .catch(error => {
      message(error.response.data.message, {
        customClass: "el",
        type: "error"
      });
    });

请求完成之后执行跳转登录页面，但是有时候会失效。我查看了网上的解决办法说可能是因为Safari的缓存机制的问题，有没有办法从代码中彻底解决呢？
就如图这样：

Answer 1

引自免费微信小程序：皆我百晓生

在Safari浏览器中，router.push有时可能会因为缓存机制导致页面不刷新。为了解决这个问题，你可以尝试在调用 router.push 的时候添加一个查询字符串参数，这个参数可以是一个时间戳，确保每次调用都是唯一的。这将强制浏览器加载新的页面而不是从缓存中获取。

以下是修改后的代码示例：

// 获取当前的时间戳作为唯一标识
const timestamp = new Date().getTime();

loginInterface
    .logout()
    .then(res => {
      if (res.code === 1000) {
        localStorage.removeItem("user-info");
        Cookies.remove("Authorization");
        Cookies.remove("multiple-tabs");

        // 添加时间戳到跳转路径
        const loginPathWithTimestamp = "/login?" + timestamp;
        router.push(loginPathWithTimestamp).then(() => {
          message("退出登录成功！", { customClass: "el", type: "success" });
        });
      } else {
        message(res.message, { customClass: "el", type: "error" });
      }
    })
    .catch(error => {
      message(error.response.data.message, {
        customClass: "el",
        type: "error"
      });
    });

这种方法可以有效地防止Safari浏览器因缓存问题而不会刷新页面。但需要注意的是，虽然这种方法通常有效，但并不是所有情况下都能解决缓存问题，因为它依赖于浏览器的行为。如果你仍然遇到问题，可能需要进一步检查其他可能导致问题的因素，比如路由守卫、异步操作等。