如何使用 redux-saga 在 API 响应中检查过期的 JWT 令牌？

Question

在 React (create-react-app)、Redux 和 Redux-Saga 中测试 API 是否因 JWT 令牌过期而失败的最佳方法是什么？

目前我正在 API 函数中检查响应的状态代码，如下所示（我仅在 1 个地方编写了此测试）：

} else if(response.status === 401) {
    return {"success" : false, "unauthenticated": true }
}

在 sagas 中，我通过以下方式对其进行测试：

else if(data.unauthenticated) {
    yield put({type: LOGOUT, message: "You are unauthenticated, Please login again!"});
}

上述方法的问题是，我必须在 API 调用结束时在每个 saga 中编写测试。我在想是否可以只在一个地方执行这个测试，就像第一个代码 sn-p 一样。因为我认为在不同的地方编写相同的测试只会增加样板代码，如果我必须扩展应用程序，这是不好的。

那么，对于我应该如何去做有什么建议吗？

Answer 1

您总是可以为 axios 实例创建一个全局拦截器。

axios.interceptors.response.use(
   (response) => response,
   (error) => {
      if (error.response.status === 401) {
         store.dispatch(
           { type: LOGOUT, message: "You are unauthenticated, Please login again!" },
         );
      }
   },
);

注意：请记住导入您的商店以便能够调用调度。