Chrome中Web Worker的setTimeout仍被节流致JWT失效，求解决方案

针对你遇到的Chrome节流setTimeout导致令牌30分钟后失效的问题，以下是几个更可靠的解决思路：

• 换用setInterval替代setTimeout
  Chrome对后台标签的setTimeout节流限制更严，但setInterval的后台运行阈值更宽松（最低约1秒间隔）。注意每次执行时先校验令牌剩余有效期，只在需要时发起刷新请求，同时记得在页面卸载或令牌失效时用clearInterval清理定时器。

• 用页面可见性API做前台补检
  监听页面切换到前台的事件，立即检查令牌状态，快过期就刷新：

  document.addEventListener('visibilitychange', () => {
    if (!document.hidden) {
      const expiry = getTokenExpiry(); // 自己实现的获取令牌过期时间的方法
      if (expiry - Date.now() < 60000) { // 剩余不足1分钟时刷新
        refreshJWT();
      }
    }
  });
  

• 把刷新逻辑移到Service Worker
  Service Worker不受页面标签状态限制，后台也能稳定运行。可以监听fetch事件，当请求返回401未授权时自动刷新令牌并重发请求；也可以结合缓存存储有效令牌，确保每次请求都用最新的有效令牌。

• 放弃定时，改用请求前校验
  彻底摆脱定时器依赖：每次发起API请求前，先检查令牌有效期，要是剩余时间不够（比如小于5分钟），就先刷新令牌再发送请求。这种方式完全不受浏览器节流影响，是最可靠的方案之一。

• Web Worker心跳触发检查
  在Web Worker里设一个短间隔心跳（比如30秒一次），给主线程发消息触发令牌检查：

  // Web Worker代码
  setInterval(() => self.postMessage('check-token'), 30000);
  
  // 主线程代码
  worker.onmessage = (e) => {
    if (e.data === 'check-token') {
      checkAndRefreshToken(); // 自定义检查刷新逻辑
    }
  };
  

内容的提问来源于stack exchange，提问作者seang