如何实现Redux中间件以刷新JWT Token？React Native Redux应用JWT认证场景下的请求队列处理问题咨询

我明白你现在的瓶颈——已经把需要等待 Token 刷新的 action 排队了，但不知道怎么在刷新完成后重新触发它们对吧？别担心，咱们来一步步解决这个问题。

首先，你的核心思路是对的：拦截需要有效 Token 的异步 action，在 Token 过期/即将过期时把它们暂存，等刷新完成后再批量执行。关键问题在于如何正确分发队列里的 thunk action，同时还要避免重复触发刷新请求。

下面是修改后的完整中间件实现，我会标注关键改动点：

function refreshTokenMiddleware() { 
  let actionQueue = []; 
  return ({ dispatch, getState }) => next => action => { 
    // 只处理需要 Token 的异步 thunk action（你提到的 API 调用应该都是这类）
    if (typeof action === 'function') { 
      const { 
        userReducer: { authToken, refreshToken, authTimestamp }, 
        tokenReducer: { isRefreshing } // 建议用更语义化的状态标记是否正在刷新
      } = getState(); 

      // 这里替换成你实际的 Token 过期判断逻辑，比如提前1天触发刷新
      const isTokenExpiredOrExpiring = getDiffDays(new Date(), new Date(authTimestamp)) >= 6; 
      
      // 确认有可用的 Token，且 Token 确实需要刷新
      if (authToken && refreshToken && isTokenExpiredOrExpiring) {
        // 如果正在刷新 Token，直接把 action 加入队列，避免重复触发刷新
        if (isRefreshing) {
          actionQueue.push(action);
          return; // 不要继续传递 action，等刷新完再执行
        }

        // 首次触发刷新：先把当前 action 加入队列，再发起刷新请求
        actionQueue.push(action);
        
        // 触发刷新 Token 的 action（注意这个 action 要负责更新 isRefreshing 状态）
        dispatch(refreshToken())
          .then(() => {
            // 刷新成功后，遍历队列逐个分发 action
            actionQueue.forEach(queuedAction => dispatch(queuedAction));
            // 清空队列，避免重复执行
            actionQueue = [];
          })
          .catch(error => {
            // 处理刷新失败的情况：比如清空队列、引导用户重新登录
            console.error('Token 刷新失败:', error);
            actionQueue = [];
            // 这里可以 dispatch 登出 action，比如 dispatch(logoutUser())
          });
        
        return; // 同样不要传递当前 action，等待刷新后执行
      }
    }

    // 如果不需要等待 Token 刷新，直接把 action 传递给下一个中间件
    return next(action); 
  }; 
}

关键改动说明： #

1. 阻止即时执行过期 Token 对应的 action：
   当检测到 Token 需要刷新时，直接 return 而不调用 next(action)，避免这些 action 用过期 Token 发起无效请求。

2. 用 isRefreshing 状态防止重复刷新：
   你的 tokenReducer 里需要新增一个 isRefreshing 字段，在刷新 Token 的 action 开始时设为 true，成功/失败后设为 false。这样多个需要 Token 的 action 同时触发时，只会发起一次刷新请求。

3. 刷新成功后批量分发队列 action：
   在 refreshToken() 的 then 回调里，直接遍历 actionQueue，用 dispatch 逐个执行每个 thunk action——因为这些 action 本身就是可以被 dispatch 的函数（redux-thunk 支持的异步 action）。

4. 错误处理：
   刷新失败时一定要清空队列，避免无效 action 一直积压，同时应该引导用户重新登录（比如 dispatch 登出 action），因为 refreshToken 可能也已经失效了。

额外注意点： #

• 确保你的 refreshToken action 内部会更新 authToken 和 authTimestamp 到 store 里，这样后续分发的队列 action 能拿到新的有效 Token。
• 你的 getDiffDays 函数要保证逻辑正确，比如如果 Token 有效期是7天，提前1天（差6天）就触发刷新，避免刚好在请求时 Token 过期。

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