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

Question

我有一个 React 应用程序，我需要在其中进行一些 API 调用，其中在请求 header 中包含 API token 。我不关心渲染整个应用程序服务器端，因为我不关心 SEO、性能等，它只是一个爱好应用程序。
我唯一想做的就是确保 API 调用在服务器端完成，以便不显示授权 header 。有没有办法实现这个？
我试过 fetch和 axios但它们都在“网络”选项卡中显示标题。
我只是在基本层面上真正了解 SSR 和 CSR，所以我不完全确定我想要的是否可以实现，或者服务器端 API 调用是否也需要服务器端渲染。

Answer 1

如果您使用的是客户端应用程序，则无法在不显示授权 header 的情况下调用 api。但是你可以做一件事，你可以添加一个 节点服务器作为 中间件 在 React 应用程序和服务器之间。您将调用 节点服务器用于API，节点将调用具有授权的实际数据服务器。在这种情况下，用户将看不到授权 key ，因为它将由节点服务器而不是您的 react 应用程序设置
如果您担心安全性，您还可以启用 **App key ** 和 应用秘钥 并将它们保存在节点服务器中，并在每次 api 调用时添加那些 **App key ** 和 应用秘钥 与您的要求。