javascript - 如何在 create-react-app 中设置服务器页面以发出 API 请求？

Question

我正在使用 create-react-app 学习 React，构建一个应用程序，我在其中向外部源发出 API 请求。在构建项目时，我已将此请求留在前端，但现在我想将其移动到服务器页面以隐藏我的 API 密钥。

我不完全理解的是如何在 create-react-app 环境中集成服务器，并做出适当的路由到前端。在我看来，我看到这个过程是这样工作的：

运行 npm start > 我的服务器页面向第三方发出 api 请求 > 服务器页面接收响应 > 服务器页面以 JSON 格式向前端页面提供响应。

注意：尽管 stackoverflow 上的很多答案都说明您可以在 .env 配置文件中隐藏 api 密钥，但这不是真的，因为它嵌入在最终构建中并且可以公开访问。

标签： javascriptnode.jsreactjsapicreate-react-app

Answer 1

您需要一个后端服务器来完成该任务。你可以在这里找到工作示例