如何在 React.js 项目中的 jwt 令牌过期之前请求刷新令牌 api

【问题标题】：How can I request refresh token api before jwt token expires in React.js project如何在 React.js 项目中的 jwt 令牌过期之前请求刷新令牌 api
【发布时间】：2021-08-20 03:32:50
【问题描述】：

如何在 React.js 项目中的 jwt 令牌过期之前请求刷新令牌 api。如果我的令牌时间是 1 分钟，我需要在 59 秒后更新令牌。如果我没有在 1 分钟内更新，我的令牌将变得毫无用处。我使用的技术反应钩子，上下文接口

【问题讨论】：

标签： reactjs react-hooks jwt refresh-token

【解决方案1】：

首选/可靠的选项是允许访问令牌过期并通过使用新的访问令牌重试 API 请求来处理 401。

有关可靠客户端如何调用 API 的示例，请参阅 this code。

如果对性能方面的感受感兴趣，请运行我的Online SPA，登录，然后点击以下选项：

访问令牌过期
重新加载数据

在某些设置中，您的 UI 可以通过更微妙的方式接收 401，例如令牌签名证书续订和负载平衡翻转 - 所以我始终建议客户端编写此重试逻辑。

【讨论】：

api 不支持这个事件。我需要在令牌过期之前提出请求。