如何在客户端渲染的 React 应用程序中发出服务器端请求？

Question

我有一个 React 应用程序，需要在其中进行一些 API 调用，其中在请求标头中包含 API 令牌。我不关心在服务器端渲染整个应用程序，因为我不关心 SEO、性能等，它只是一个业余爱好应用程序。

我唯一想做的就是确保 API 调用是在服务器端完成的，这样授权标头就不会显示。有办法实现吗？

我已经尝试过fetch，axios但它们都在“网络”选项卡中显示标题。

我只是在基础层面上真正了解SSR和CSR，所以我不完全确定我想要的是否可以实现，或者服务器端API调用是否也需要服务器端渲染。

Answer 1

如果您使用的是客户端应用程序，则在不显示授权标头的情况下无法调用 api。然而你可以做的一件事是，你可以添加一个节点服务器作为React 应用程序和服务器之间的中间件。您将调用API的节点服务器，节点将通过授权调用实际的数据服务器。在这种情况下，用户将看不到授权密钥，因为它将由节点服务器而不是您的 React 应用程序设置

如果您担心安全性，您还可以启用 **应用程序密钥 ** 和应用程序秘密，并将它们保存在节点服务器中，并且在每次 api 调用时，在您的请求中添加这些 **应用程序密钥 ** 和应用程序秘密 。