reactjs - 在 React 中处理服务器端保护路由的正确方法？

Question

我是新手，慢慢来。我的理解是React代码完全在客户端运行，因此在react-router中 protected 路由只是为了UI方便，它们实际上根本没有受到保护，对吗？

那么在 React 应用程序中保护路由的公认方法是什么？我唯一能想到的是拥有多个 react 应用程序，一个在用户未登录时交付，另一个在用户登录时交付。这是正确的吗？我完全误解了 react 的工作原理吗？谢谢。

Answer 1

React 并不是应用程序运行方式的真正范式转变，更重要的是它们的组织方式。更多内聚而不是耦合，简单的状态机；这些 props = 该组件的初始状态。

您所知道的有关如何构建网络应用程序的所有知识仍然适用。可以像这样进行服务器端渲染react-starter-kit或者没有像 create-react-app 那样的服务器端渲染。 React 可以在服务器和客户端上运行。

在上述场景中，将进行身份验证。认为困惑在于认为您通过下载客户端拥有整个应用程序。虽然这可能是真的，但情况往往并非如此。对于管理面板之类的东西，可以配置 webpack 将其移动到一个单独的包中，该包在客户端包经过身份验证为管理员角色后延迟加载。

认为这实际上可以归结为纯粹的单页应用程序架构与经典的整体架构，并且与 React 关系不大。希望有帮助!