将 React 连接到两个独立的服务器

Connecting React to two separate servers

我目前有 运行 两台服务器,都在我的本地计算机上。一个是 Spring,另一个是 Flask。 Spring 服务器处理我的应用程序的主要业务逻辑,而 Flask 处理轻型数据库访问操作。此外,我有一个 React Node.js 服务器可以与这两者交互。我正在考虑将 Flask 服务器合并到我的 Spring 服务器中来解决这个问题,但我很想知道连接到两个服务器的正确方法。

我正在使用 React 代理来使用 Spring 服务器的端口,我正在调用它,而我的 Flask 服务器是通过获取连接到 'http://127.0.0.1:5000/' 的。这在从托管 PC 访问站点时效果很好,但是当尝试通过端口转发远程访问它时,无法访问 Flask 服务器。这是有道理的,因为 React 正在查看该机器的本地主机。

我的问题是:除了合并两台服务器,我怎样才能像这样远程连接到它们?我错过了什么大事吗?我当然很乐意提供所有必要的文件或信息,因为这是我第一次做这样的项目,我希望我所解释的是足够的。

编辑:顺便说一句,我认为部分原因是 Flask 不允许外部连接的默认行为。如果我的测试有任何问题,我会更新更多。

EDIT2:我对此进行了更多测试,发现当反应代理指向它时,Flask 服务器访问工作正常,而 Spring 服务器失败。我现在有相反的行为。所以这与 Flask 默认行为无关,而是 React 一次只能代理一个服务器的事实。

我已经开始工作了,一个很好的答案已经在 SO 上 posted,只是措辞不同,所以我没有找到它。我会link这里post!

Multi server solution

具体来说,我只是不熟悉 setupProxy.js 文件,这就是解决这个问题的方法。