在 React 中无效时自动刷新令牌

Posted

技术标签:

【中文标题】在 React 中无效时自动刷新令牌【英文标题】:Auto refresh token when invalid in React 【发布时间】:2020-09-04 20:01:14 【问题描述】:

我想知道有哪些方法可以在 React 应用中实现自动刷新无效访问令牌。每次提出请求时,我都想:

    提出请求 如果 401 状态/错误 请求刷新访问令牌 再次发出初始请求

在我当前的项目中,我使用 React/Redux 并通过 axios 发出请求。

【问题讨论】:

【参考方案1】:

为了通过 axios 实现刷新令牌,我建议使用拦截器。

什么是拦截器?

您可以在请求或响应被 then 或 catch 处理之前拦截它们。

在下面的链接中有一个在 axios 拦截器中实现刷新令牌的好例子:

https://gist.github.com/Godofbrowser/bf118322301af3fc334437c683887c5f

【讨论】:

是的,除非我想使用 Apollo 客户端来处理我的数据请求......

以上是关于在 React 中无效时自动刷新令牌的主要内容,如果未能解决你的问题,请参考以下文章

用于 JWT 刷新令牌的 react-native 中的 httpOnly cookie

Angular 7 自动刷新不记名令牌

撤销/使 .boto 文件(gsutil config)中生成的 oauth2 刷新令牌无效

令牌过期时,Nuxt Auth Module c5 不会自动刷新令牌

使用 AFNetworking 自动刷新令牌的最佳解决方案?

刷新后如何使以前的 JWT 令牌无效