React通用應用程序：通過身份驗證的API調用

Question

我一直在構建React應用程序，使用redux進行狀態管理。在網上查看教程後，我可以構建一個具有登錄/註銷功能的好應用程序。但刷新後，我得到了404。我意識到它是客戶端渲染。所以，我添加了一個處理路由的快速服務器，進行服務器端渲染。

我要求進行數據提取的API需要身份驗證。我使用componentDidMount中的jwt標記調用api。它在客戶端運行良好。

這裏是我的問題：

但是，如果用戶刷新頁面，服務器發送HTML框架，然後讓客戶在componentDidMount呼叫。數據提取可以在服務器端完成嗎？如果是，我將如何獲得令牌（來自瀏覽器的localStorage）？

Answer 1

由於服務器無法訪問瀏覽器，因此無法從瀏覽器localStorage獲取數據。如果您的API需要訪問令牌，則必須先呈現頁面，從localStorage獲取令牌，然後才能從API獲取數據。