React Universal App：经过身份验证的 API 调用

Question

我一直在构建一个 React 应用程序，使用 redux 进行状态管理。在线查看教程后，我能够构建一个具有登录/注销功能的不错的应用程序。但是在刷新时，我得到了 404。我意识到这是客户端渲染。因此，我添加了一个快速服务器来处理路由，进行服务器端渲染。

我调用的获取数据的 api 需要身份验证。我在 componentDidMount 中使用 jwt 令牌调用 api。它在客户端工作正常。

这是我的问题：

但是如果用户刷新页面，服务器会发送 html 骨架，然后客户端在 componentDidMount 中进行调用。数据获取可以在服务器端完成吗？如果是，我将如何获取令牌（来自浏览器的 localStorage）？

Answer 1

您无法从浏览器localStorage 获取数据，因为服务器无法访问浏览器。如果您的 API 需要访问令牌，那么您必须首先呈现页面，从 localStorage 获取令牌，然后才能从 API 中获取数据。