使用护照进行身份验证后，如何在 React FROM express 中重定向到用户仪表板

Posted 2023-02-21

【中文标题】使用护照进行身份验证后，如何在 React FROM express 中重定向到用户仪表板

【英文标题】：How do I redirect to user dashboard in React FROM express after authenticating with passport

【发布时间】：2021-05-09 12:08:30

【问题描述】：

我正在使用 MERN 堆栈构建一个应用程序，并使用 Passport-local 进行身份验证，在后端使用 express 路由器，在前端使用 React 路由器。 React 在 3000 端口上运行，在 5000 端口上表达。我在 react 的 package.json 中使用 CORS 和 localhost:5000 作为代理服务器。

在 localhost:3000/login 的登录页面中，一旦用户提交信息并单击提交，我就会在后端收到请求，并通过护照进行身份验证，没有任何错误。

但是，我无法将用户重定向到 localhost:3000/dashboard。

如何在 React FROM Express 中将用户重定向到不同的页面？ 如何使用快速路由来更改 React URL？

【参考方案1】：

首先，在后端获得身份验证后，您应该向前端发送某种令牌。以便对登录用户的进一步请求进行身份验证。这里的令牌将保存加密数据以用于认证目的，如 JWT 令牌。

第二，当您仅发送令牌和成功响应时，您会将用户重定向到仪表板。

第三，Dashboard 将是节点 js 中的不同控制器，当经过身份验证的用户要求提供仪表板时，您需要从 API 标头中的前端发送该令牌，以便后端可以识别是否已通过用户身份验证的用户。

您可以查看 JWT (json web token) here。它是一个 NPM 模块。