在 localhost 上托管一个 Angular 项目并允许从不同的网络访问？答案

【问题标题】：Host an angular project on localhost and allow access from a different network?在 localhost 上托管一个 Angular 项目并允许从不同的网络访问？
【发布时间】：2021-04-17 04:45:49
【问题描述】：

这可能是一个愚蠢的问题，我对网络安全一无所知，而且我对 Web 开发还很陌生，但是是否可以在 localhost 上托管一个 Angular 项目并允许任何拥有我的公共 IP 地址的人访问它？

我试过ng serve --disable-host-check 和ng serve --public-host 0.0.0.0 他们似乎都只允许从本地网络访问。有没有办法让我的同事可以使用mypublicipaddress:4200 访问该网站？

【问题讨论】：

你的意思是处于开发模式吗？还是在你完成开发之后？
开发中
我不记得过去做过什么特别的事情。我所做的只是在运行ng serve 之后，让一位同事访问我的MY.PUBLIC.IP.ADDRESS:4200。如果它不起作用，可能是您的防火墙受到限制。
我也认为这可能与您路由器的防火墙有关。你是如何连接到互联网的。通常，无论您是通过家庭无线网络还是通过公司网关进行连接，您的设备都没有自己的 IP 地址，而是使用某种 NAT 或 PAT。在这种情况下，您必须配置网关服务器以将 http 请求转发到您的设备。
谢谢！是的，我在家，这是否意味着我必须更改路由器的配置？

标签： angular typescript server web-hosting

【解决方案1】：

下一个命令对我有用

ng serve --host 0.0.0.0

然后将本地IP地址输入到另一个设备中，例如

192.168.1.80:4200

【讨论】：

【解决方案2】：

使用ngrok导出公网IP地址

【讨论】：