2

在使用 ReactJS 构建的纯单页应用程序中，服务器只是一个 API，是否有理由重定向登录？

当您访问需要登录才能访问但您没有登录的 URL 时，通常的工作流程是：

  1. 使用 next_page 属性重定向到 /log_in。
  2. 登录。
  3. 重定向回 next_page。

在使用 ReactJS 的 SPA 中，所有需要登录的页面都可以轻松放入不显示页面而是显示登录对话框的组件中。

这种方法有任何技术问题吗？任何安全性或可用性问题？

4

1 回答 1

2

在我第一次尝试使用 React 时，我也尝试了使用“控制器组件”的方法，这种方法只有在用户登录时才会呈现真正的组件。它运行良好，我面临的问题是：1.应用程序变得更大，这是我每次都必须添加的额外步骤。2.有更有效的解决方案。

我搬到了反应路由器。 React Router 使你的 UI 与 URL 保持同步。它有一个简单的 API，具有强大的功能，如延迟代码加载、动态路由匹配和内置的位置转换处理。

他们甚至有一个现成的受保护路由（身份验证）示例

https://reacttraining.com/react-router/web/example/auth-workflow

当您访问 URL 时，可以使 SPA 遵循您提到的通常工作流程。

于 2019-01-21T09:33:47.153 回答