如何允许从网络外部访问 Angular 8 应用程序？（互联网）答案

【问题标题】：How to allow access to an Angular 8 app from outside the network? (the internet)如何允许从网络外部访问 Angular 8 应用程序？（互联网）
【发布时间】：2019-07-19 14:15:53
【问题描述】：

我已经使用从 WIFI 连接获得的 ip 启动了 angular 应用程序：

ng 服务 --host 192.168.1.102

然后我在 TPLINK NAT 转发中创建了条目--> 虚拟服务器：

最后，我使用连接 ip 从我的手机（外部互联网）访问我从 ISP 那里得到的：

203.221.66.164:80

页面没有加载，知道我在这里缺少什么吗？

【问题讨论】：

在ng serve --host 192.168.1.102 -> ng serve --host 0.0.0.0 中为您的应用提供公共访问权限。或事件通过更好的 http 服务器 [apache、nginx、firebase、s3-bucket 等...] 更好地托管您的构建
我现在开始使用 >ng serve --host 0.0.0.0，接下来我该怎么做？
简单，现在您可以像我一样从这里访问它。你的网页标题是 Moneysharing 对吗？
真的吗？您现在使用的地址是什么？
203.221.66.164

标签： angular ip wifi

【解决方案1】：

将端口暴露给世界后，您只需要通过公共 ip 地址访问它。

是的，您构建的不是生产构建，因此需要很长时间才能显示结果。

加载您的网站需要 6 分钟。

解决方案是包含生产版本 -> ng serve --prod --host 0.0.0.0。

确保您知道自己在做什么，通过打开一个端口来开放世界，您就是在向您的不安全网络发起安全漏洞。

【讨论】：