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

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

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

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

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

解决方法

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

,

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