如何允许从外部网络访问我的Angular 8应用？

Question

我检查了我的ip地址，得到如下信息:在主机文件中，我有: 127.0.0.1 localhost我的wifi ip IPv4是: 192.168.1.102

我试着从angular开始: ng serve --host 198.168.1.102，我得到了：

listen EADDRNOTAVAIL: address not available 198.168.1.102:4200
Error: listen EADDRNOTAVAIL: address not available 198.168.1.102:4200
    at Server.setupListenHandle [as _listen2] (net.js:1262:19)
    at listenInCluster (net.js:1327:12)
    at doListen (net.js:1460:7)
    at process._tickCallback (internal/process/next_tick.js:63:19)
    at Function.Module.runMain (internal/modules/cjs/loader.js:832:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

知道我做错了什么吗？

以下是包含转发条目的调制解调器/路由器菜单：

​

Answer 1

对我来说是ng serve --host 0.0.0.0，但要从外部攻击你的应用程序，你必须知道你的公共ip，而198.168.1.102是你的本地ip -在本地网络中

Answer 2

首先，您需要一个可以从外部访问的公共IP地址(我假设您已经有了它)。

然后你将不得不从外部转发一些端口，通过你的路由器和你的服务器。在路由器的情况下，它可能在"NAT转发“下。很有可能，您必须提供以下信息：

• 源或外部端口:您要用于从外部访问服务的端口(即，使用8.8.8.8:444 > 444从外部访问是您的源端口或内部端口:服务的本地端口，在本例中，假设IP地址为:服务器的本地IP，在本例中为192.168.1.102

有些路由器无法区分源端口和目的端口，在这种情况下，它们将是相同的。

Answer 3

如果在你的网络之外，你说的是over the internet，你必须从你的本地网箱转发一个端口。

你只需要打开你的网络盒设置，并将80端口转发到你设备的端口。对于节点服务器，它通常是端口4000，但对于ng serve，它是端口4200。

完成后，只需打开您的public ip地址。

请不要犹豫，阅读ng serve文档和port forwarding说明。