Reactjs 如何在客户端应用程序中发出服务器端请求？

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

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

我尝试了

fetch

和

axios

，但它们都在网络选项卡中显示标题

---

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

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

---

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

似乎您的api调用是客户端渲染后的。你能给我们看一下代码吗？@user0101例如，我有一个保存按钮，它会触发一个到我自己后端的帖子，将页面上的用户输入保存到DBAh，好了。这不是SSR真正的意义所在。请在此阅读：（

什么是服务器端呈现？（SSR）

段落）我不想要SSR，我只想在客户端呈现服务器端API调用。您的网页/应用程序上的所有交互都将导致不透明调用。我所说的不透明是指在devtools中可见感谢您的回答，这看起来是一个很好的解决方案。最好的中间件是什么？您可以简单地添加一个节点服务器作为中间件。一个独立的NodeJs应用程序。我不明白这意味着什么，因为你正在调用你的API服务器，所以在这个解决方案中，你将调用你的节点服务器。一个独立的节点应用程序，它将只接收React应用程序调用的API，然后使用授权标头、应用程序密钥和应用程序机密调用API服务器，最终从API服务器接收数据，并将数据作为响应发送到React应用程序。这是我的荣幸。希望我有用：）