token过期处理

最新推荐文章于 2024-10-10 09:30:00 发布

唯他命

最新推荐文章于 2024-10-10 09:30:00 发布

阅读量3.1k

点赞数

文章标签： java vue.js html5

本文链接：https://blog.csdn.net/lslsllsl/article/details/120293083

版权

本文探讨了当token在30分钟后过期时如何提升用户体验的问题。为了解决用户在长时间操作后突然遇到Api权限受限，提出了在用户操作达到25分钟时自动触发更新token的策略，确保在token实际过期前完成刷新，从而无缝延续用户的使用体验。

摘要由CSDN通过智能技术生成

问题：token超过30分钟后过期，但是用户一直操作30分钟后才触发Api，影响用户使用感
解决：25分钟生成新token（更改页面时触发Api）

vue:

router.beforeEach((to, from, next) => {
if (to.path === "/block") {
    next();
  } else if (!brower.mediaDevice()) {
    next("/block");
  } else {
    if (sessionStorage.getItem("user")) {
      store.state.user = JSON.parse(AESUtil.decrypt(sessionStorage.getItem("user")));
    }
    if (to.path === "/login") {
      next();
    } else {
      //迁移到登录画面的情况
      const destinationURL = sessionStorage.getItem("destinationFullPath");
      //登录后画面迁移
      if (to.path === "/top" && destinationURL && destinationURL != "/top") {
        sessionStorage.setItem("currentMenu", sessionStorage.getItem("destinationSubPath"));
        next(destinationURL);
      }
      if (sessionStorage.getItem("to