反应对hostedVM上的localhost节点服务器的应用调用

Question

我正在使用Nginx提供一个内置的react文件。 我可以在虚拟机的IP地址上的浏览器中访问react应用程序。

我在我的VM的端口8080上运行了另一台服务器，React应用程序的API。

在我的反应中，我使用axios呼叫，例如

const http = "http://localhost:8080";
..
axios.post(`${http}/api/auth/login`, { credentials }).then(res => res.data.user),

访问虚拟机的IP地址后，在浏览器中，我可以在控制台中看到所谓的axios调用转到http://myActualVMIpAddress/api/..而不是我期望的localhost路径。

我已经使用api服务器的postman检查了路由。

我没有部署经验。 如何使React App和api服务器之间的链接正常工作？

Answer 1

将localhost：8080硬编码到客户端JS中不是一个好主意，当用户加载客户端文件时，他们将尝试在用户计算机上发出请求，这是localhost解析的。

最简单的是从api服务器提供客户端文件。 如果要将它们分开，则必须使用API​​服务器（而不是localhost）的IP并设置CORS。