如果用戶未登錄，如何使用React-router重定向到登錄頁面來制作React應用？

Question

我是React的新手，並已按照本教程制作了一個應用程序。 我已經通過存儲在cookie中的用戶令牌登錄了，現在，我需要確保只有授權用戶才能訪問內容。

什么是正確的方法（使用React-router / Redux）來使重定向發生，以便如果用戶直接進入http://app.com/content ，他們將被退回登錄頁面？

Answer 1

基本思想是為相關的已驗證路由設置一個onEnter鈎子，以檢查用戶是否已驗證，然后將用戶重定向到/login或其他路由（如果未通過）。

以這種方式處理身份驗證非常理想，因為它與同構應用程序中的服務器渲染很好地集成在一起，從而使得在服務器上運行時可以輕松生成302。

具體細節將取決於您如何精確地跟蹤認證信息，但是React Router的“ Auth Flow”示例給出了很好的一般概述： https : //github.com/rackt/react-router/tree/master/examples/auth-flow 。