Reactjs 如果用户未登录,如何使用React router将React应用重定向到登录页面?

Reactjs 如果用户未登录,如何使用React router将React应用重定向到登录页面?,reactjs,react-router,redux,Reactjs,React Router,Redux,我是一个新的反应,并已跟随制作一个应用程序。我已经通过存储在cookie中的用户令牌进行了登录,现在我需要确保只有授权用户才能访问内容 (使用React router/Redux)实现重定向的正确方法是什么,这样如果用户直接转到,他们将跳转到登录页面?基本思想是为相关的经过身份验证的路由设置一个oneter钩子,检查用户是否经过身份验证,然后将用户重定向到/login或其他路径(如果没有) 以这种方式处理身份验证非常理想,因为它与同构应用程序中的服务器渲染进行了很好的集成,从而可以在服务器上运行

我是一个新的反应,并已跟随制作一个应用程序。我已经通过存储在cookie中的用户令牌进行了登录,现在我需要确保只有授权用户才能访问内容


(使用React router/Redux)实现重定向的正确方法是什么,这样如果用户直接转到,他们将跳转到登录页面?

基本思想是为相关的经过身份验证的路由设置一个
oneter
钩子,检查用户是否经过身份验证,然后将用户重定向到
/login
或其他路径(如果没有)

以这种方式处理身份验证非常理想,因为它与同构应用程序中的服务器渲染进行了很好的集成,从而可以在服务器上运行时直接生成302


具体细节将取决于您跟踪身份验证信息的准确程度,但React Router“Auth Flow”示例提供了一个很好的通用概述:。

基本思想是为相关的身份验证路由设置一个
onEnter
钩子,以检查用户是否通过身份验证,然后将用户重定向到
/login
或其他路径(如果没有)

以这种方式处理身份验证非常理想,因为它与同构应用程序中的服务器渲染进行了很好的集成,从而可以在服务器上运行时直接生成302


具体细节将取决于您如何准确跟踪身份验证信息,但React路由器“Auth Flow”示例提供了一个很好的通用概述:。

React+Redux中有一个很好的身份验证示例,请看一看:React+Redux中有一个很好的身份验证示例,请看: