如何在 client-side 呈现的 React 应用程序中发出 server-side 请求？
How do I make a server-side request in my client-side rendered React app?
我有一个 React 应用程序，我需要在其中进行一些 API 调用，其中在请求 header 中包含 API 令牌。我不关心渲染整个应用程序 server-side 因为我不关心 SEO、性能等，它只是一个业余爱好应用程序。
我唯一想做的就是确保 API 调用已完成 server-side，这样就不会显示授权 header。有没有办法实现这个？
我试过 fetch 和 axios，但它们都在“网络”选项卡中显示 header。
我只是在基础层面真正了解 SSR 和 CSR，所以我不完全确定我想要的是否可以实现，或者 server-side API 调用是否需要 server-side也渲染。
如果您使用的是客户端应用程序，则无法在不显示授权 header 的情况下调用 api。但是你可以做一件事，你可以在 React 应用程序和服务器之间添加一个 node server 作为 middleware。您将为 API 调用 节点服务器 ，该节点将调用具有授权的实际数据服务器。在这种情况下，用户将看不到授权密钥，因为它将由节点服务器而不是您的反应应用程序设置
如果您担心安全问题，您还可以启用 **App key ** 和 App secret 并将它们保存在节点服务器中并在每次 api 调用时，在您的请求中添加 **App key ** 和 App secret。
我有一个 React 应用程序，我需要在其中进行一些 API 调用，其中在请求 header 中包含 API 令牌。我不关心渲染整个应用程序 server-side 因为我不关心 SEO、性能等，它只是一个业余爱好应用程序。
我唯一想做的就是确保 API 调用已完成 server-side，这样就不会显示授权 header。有没有办法实现这个？
我试过 fetch 和 axios，但它们都在“网络”选项卡中显示 header。
我只是在基础层面真正了解 SSR 和 CSR，所以我不完全确定我想要的是否可以实现，或者 server-side API 调用是否需要 server-side也渲染。
如果您使用的是客户端应用程序，则无法在不显示授权 header 的情况下调用 api。但是你可以做一件事，你可以在 React 应用程序和服务器之间添加一个 node server 作为 middleware。您将为 API 调用 节点服务器 ，该节点将调用具有授权的实际数据服务器。在这种情况下，用户将看不到授权密钥，因为它将由节点服务器而不是您的反应应用程序设置
如果您担心安全问题，您还可以启用 **App key ** 和 App secret 并将它们保存在节点服务器中并在每次 api 调用时，在您的请求中添加 **App key ** 和 App secret。