从其他机器访问localhost-Angular

Question

背景

大多数开发人员在处理项目时经常使用两个或多个台式机和笔记本电脑。和我一样，现在我正在从事Angular项目。

目标

我想从正在使用的另一台计算机上访问localhost：4200，以便可以在不切换一台计算机上的窗口的情况下检查UI更新。

我进行了一些研究，并尝试使用以下angular-cli命令。

ng serve --host=MyLocalIP
ng serve --host 0.0.0.0

但是到目前为止还没有运气。有没有更好的方法来实现这一目标？

Answer 1

有两种选择

ng serve --host 0.0.0.0

要检查，如果这不起作用，请首先尝试从您运行ng serve的同一台计算机上点击，以了解您是否可以通过防火墙访问

ng serve --host 192.168.X.X

192.168.XX是我电脑的IP地址（你可以使用ipconfig(windows), ifconfig(Linux)查看你的IP）之后就可以访问192.1668.XX:4200而不是localhost:4200

无关：- 即使您更改某些代码和服务器刷新以显示更新的代码，它也会在其他机器上刷新

如果您无法访问 192.168.XX:4200。您可能处于防火墙保护阻止的网络中。所以，连接到您的个人网络并检查

Answer 2

使用ng serve --host 0.0.0.0命令解决了我的问题。输入192.168.xx：4200以从另一台计算机访问该应用程序。