反应本地工作区设置以连接到 REST API 服务器答案

【问题标题】：React local workspace setup to connect to REST API server反应本地工作区设置以连接到 REST API 服务器
【发布时间】：2021-06-01 16:15:25
【问题描述】：

假设我有一个 React 应用程序并希望在本地连接到我的本地 Tomcat 服务器（最终从我的 React 应用程序使用 REST 端点）。我有 2 个问题；

是否有 React 推荐的标准本地工作区设置来指向我们的 localhost 运行后端服务？

是否有一个简单/可配置的设置，我有两个选项，例如从连接到实际后端服务切换到使用模拟我本地的端点响应，即通过简单的配置更改？

注意：我试图避免在我的客户端硬编码任何绝对 URL，即在我的客户端代码中，我只需将端点定义为“mycontext/my/endpoint”并说如果我的 React 应用程序在 http://localhost 上运行，那么它应该自动将完整的端点构造为 http://localhost/mycontext/my/endpoint

【问题讨论】：

标签： reactjs rest webpack

【解决方案1】：

您可以define environment variables，其中可能包含您要使用的 API 服务器的地址。然后，只要您想访问不同的 API 服务器（无论是本地主机还是远程服务器），您只需更改该变量即可。

如果您使用 Create React App 来引导您的设置，您还可以在 package.json 中使用 the proxy setting。

【讨论】：

谢谢....是否有可以通过 ExpressJS 完成的设置（app.listen、app.use、app.get/post 等）？
我对 Express 了解不多。是给 Node 的，对吧？我认为Node中环境变量的标准答案仍然是dotenv。