Reactjs令牌过期时间

Question

我用ReactJS做单页网页登录。问题是如何以及在哪里保存令牌过期时间。我需要保存在sessionStore中，但当浏览器关闭时，所有的数据都将被删除。本地商店？但数据将永远。或者我可以在localStore中保存并在每个事件中添加函数，该函数检查localStore的过期时间，当事件触发成功时再次更新localStore？但代码看起来很可怕...性能问题呢？这大概可以接受吗？

Answer 1

你用Redux&&Redux thunk吗？

如果是这样，下面是我遵循的方法：

1. 当用户登录时，我将在存储中保留访问和刷新令牌。
2. 我使用redux-persist将令牌保存在localStorage中（还有其他存储），以便在用户刷新/重新打开应用程序时将它们保存。
3. 有一个中间件，在每个API请求之前检查访问令牌是否仍然有效。
   1. 如果已过期，请尝试使用刷新令牌刷新访问令牌。
   2. 如果没有过期，只需执行API请求。
   null

   但是，如果您做SPA并且有复杂的状态操作，我建议您使用一些状态管理库。