如何从外部网络访问webapp?

How to access webapp from outside network?

我正在开发一个由 Express js 作为后端和 Vue js 作为前端组成的网络应用程序。在我以开发模式在本地 LAN 上工作之前,我能够使用不同的端口访问它们,但是现在我想发布一个版本并将其打开给外部连接,我不知道该怎么做。

特别是我在我的局域网防火墙(Pfsense)中打开了两个端口,分别是后端4000和前端5000(随机数,我选择它们没有特别的原因)并且从外面我可以同时到达这两个端口分别如下:

myPublicIp:4000 --> 我从后端得到所有答案 api

myPublicIP:5000 --> 我得到了前端接口

问题是当我加载前端时,后端相关数据没有加载。这怎么可能? 是防火墙问题还是我在 webapp 中遗漏了什么?

已解决,是菜鸟的错误。我意识到我使用的后端 ip 是本地 ip 而不是 public ip。 对外开放时不要忘记更改它! ;)