如果用户未登录，如何使用React-router重定向到登录页面来制作React应用程序？

Question

我是React新手，并且已经按照this tutorial制作应用程序。我已经通过存储在cookie中的用户令牌进行登录，现在我需要确保只有授权用户才能访问该内容。

什么是正确的方式（使用React-router/Redux）获得重定向发生，以便如果用户直接去http://app.com/content，他们将被弹跳到登录页面？

Answer 1

的基本思想是建立一个onEnter钩的相关认证路由，检查该用户被认证，则将用户重定向到一个/login或其他途径，如果没有。

这是理想的处理auth检查这种方式，因为它与服务器渲染很好地集成在同构应用程序中，使得在服务器上运行时生成302是非常简单的。

具体取决于您如何跟踪认证信息，但React Router“Auth Flow”示例提供了一个很好的通用概述：https://github.com/rackt/react-router/tree/master/examples/auth-flow。