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

Question

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

1. 是否有 React 推荐的标准本地工作区设置来指向我们的 localhost 运行后端服务？
2. 是否有一个简单/可配置的设置，我有两个选项，例如从连接到实际后端服务切换到说在我的本地使用模拟端点响应，即通过简单的配置更改？

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

标签： reactjsrestwebpack

Answer 1

您可以定义环境变量，其中可能包括您要使用的 API 服务器的地址。然后，只要您希望访问不同的 API 服务器（无论是本地主机还是远程服务器），您都只需更改该变量即可。

如果你使用 Create React App 来引导你的设置，你也可以在你的 package.json 中使用代理设置。