reactjs - 使 api 请求在反应应用程序中从同一网络上的另一台计算机工作

Question

我有一个反应应用程序以及一个 在端口3000和9000上的 ipv4 地址为192.168.1.5的计算机上运行的 express api 。

在该计算机上浏览 http://localhost:3000 时，我的应用程序正常工作，我可以向 api 发出请求。但是，当我从另一台本地计算机打开应用程序时，会得到以下输出：

这是在我的反应应用程序中发出请求的基本网址：

更改baseUrl为http://192.168.1.5:9000/api使该应用程序可以在同一网络中的另一台机器上运行，但不再在主机上运行。

所以我的问题是，我需要配置什么才能让应用程序在我的本地计算机以及同一网络上的另一台计算机上运行？

标签： reactjsexpresslocalhost

Answer 1

你可能会在快递服务器中有这条线

app.listen(3000, () => console.log("Listening"));

"0.0.0.0"作为主机地址传递。

app.listen(3000, "0.0.0.0");

确保您的防火墙允许入站规则中的选定端口。

也看看ngrok。基本上，它将您的服务器暴露在互联网上！

是的，公共互联网。

在启动 ngrok 服务之前，启动 express 服务器。将服务器端口传递给 ngrok 参数。

npm install ngrok -g
ngrok http 3000