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

Question

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

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

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

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

Answer 1

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

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