如何使用 React JS 进行身份验证

Question

我正在 react.js 中开发一个简单的前端，在 node.js 中开发一个后端。目前我正在处理一个应该如下工作的登录：

• 前端向后端发送用户名和密码
• 获取以下所有后端请求所需的令牌

现在我在前端的所有文件都应该看到获得的令牌，以便他们可以在需要时使用它来发送请求，考虑到并非我的 React.js 前端中的所有组件都是 Login 的子组件，我该怎么做?我应该做一个全局变量吗？如果是怎么办？提前谢谢你

Answer 1

我认为您可以使用localStorage 来存储您从后端收到的令牌，并在需要时从 localStorage 中获取它。

Answer 2

从节点服务器获取令牌后，您可以使用 React 的 useContext() 钩子并将令牌作为值提供给组件。这是我认为最简单的方法。否则，如果你熟悉 redux、flux 等，你也可以使用它们。