React 通用应用程序：经过身份验证的 API 次调用
React Universal App: Authenticated API Calls
我一直在构建一个 React 应用程序，使用 redux 进行状态管理。在线查看教程后，我能够构建一个具有 login/logout 功能的不错的应用程序。但是在刷新时，我得到了 404。我意识到这是客户端渲染。所以，我添加了一个处理路由的快速服务器，进行服务器端渲染。
我请求数据获取的 api 需要身份验证。我在 componentDidMount 中使用 jwt 令牌调用 api。它在客户端运行良好。
这是我的问题：
但是如果用户刷新页面，服务器发送 html 框架，然后客户端在 componentDidMount 中调用。数据获取可以在服务器端完成吗？如果是，我将如何获得令牌（来自浏览器的本地存储）？
您无法从浏览器localStorage获取数据，因为服务器无法访问浏览器。如果您 API 需要访问令牌，那么您必须首先呈现页面，从 localStorage 获取令牌，然后才从 API.
获取数据
我一直在构建一个 React 应用程序，使用 redux 进行状态管理。在线查看教程后，我能够构建一个具有 login/logout 功能的不错的应用程序。但是在刷新时，我得到了 404。我意识到这是客户端渲染。所以，我添加了一个处理路由的快速服务器，进行服务器端渲染。
我请求数据获取的 api 需要身份验证。我在 componentDidMount 中使用 jwt 令牌调用 api。它在客户端运行良好。
这是我的问题：
但是如果用户刷新页面，服务器发送 html 框架，然后客户端在 componentDidMount 中调用。数据获取可以在服务器端完成吗？如果是，我将如何获得令牌（来自浏览器的本地存储）？
您无法从浏览器localStorage获取数据，因为服务器无法访问浏览器。如果您 API 需要访问令牌，那么您必须首先呈现页面，从 localStorage 获取令牌，然后才从 API.