如何根据我的故事在React应用程序中存储jwt承载令牌

Question

后端应用程序在登录时提供访问令牌。此外，我使用 Node.js Passport.js 库 控制受保护的路由器。此外，我每 10 分钟更新一次访问令牌，并使用存储在后端的 jti 和会话表来管理会话。到目前为止一切都很好。然而，当我将令牌传递到 React 端时，根据我所描述的内容，我不确定将其存储在哪里更符合逻辑。有不同的方法，例如在应用程序的内存中，在 localStorage 中，在 Redux 中，在 cookies 中。 我知道每种方法都有自己的优点和缺点。然而，根据我的解释，我无法得出使用哪一个的结论。我非常感谢您帮助我做出这个决定。

Answer 1

如果需要更简单的方法，请使用本地存储，否则请使用 cookie。

Answer 2

用户提到，“我在链接中看到了这篇文章：‘https://mannharleen.github.io/2020-04-10-handling-jwt-securely-part-2/’，我相信它与我的想法一致思考。综上所述，我们可以将access_tokens存储在内存中，refresh_tokens存储在cookie中。”