Reactjs 从本地网络外部的后端获取数据

Question

我遇到的问题如下，

我有一个 reactjs 前端和一个 asp.net 核心后端，当从本地网络外部访问我的前端时，我试图通过获取从后端获取数据。我的前端使用 IIS 在端口 80 上托管，并使用 ngrok 将该端口转发。我现在可以从本地网络外部访问我的前端，但我无法从后端获取数据，主要是因为我不确定具体在哪里进行调用。

后端正在侦听端口 5000，而前端正在向该端口以及目标 IP 地址发出获取请求。但它无法连接。我尝试使用我的公共 ip、本地 ip 或仅 0.0.0.0 拨打电话。我需要它在我自己的电脑、本地网络和本地网络之外工作。

这可能是一个很容易解决的愚蠢问题，但我真的不知道从哪里开始，希望有人可以帮助我进一步尝试解决这个问题。

Answer 1

当您从 SPA（反应应用）调用 API 时，会从显示您的应用的浏览器触发请求。

因此，当您从网络外部加载端口转发的应用程序时，位于网络外部的浏览器会尝试调用内部的 API。

您有两种可能的解决方案：

1/ 将路由器的 5000 端口转发到服务器的内部 IP 地址（和端口）（例如 192.168.1.10）。然后从您的 React 应用程序中，使用端口（例如 81.xx.xx.xx:5000）向您的公共 IP 地址发出请求

2/ 或者，如果您已经在使用 Ngrok，请在您的服务器上安装 Ngrok 以获取指向其端口 (ngrok http 5000) 的直接 URL 并向该 URL 发出请求