从其他机器访问本地主机 - Angular

Access to localhost from other machine - Angular

背景

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

目标

我想从另一台设备访问 localhost:4200,这样我就可以在不切换 windows 设备的情况下检查 UI 更新。

我进行了一些研究并尝试了以下 angular-CLI 命令。

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

但直到现在还没有运气。有没有更好的方法来实现这个?

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

此外,检查客户端和服务器上的防火墙规则(暂时禁用防火墙或创建规则以允许流量)

有两个选项

ng serve --host 0.0.0.0

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

ng serve --host 192.168.X.X

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

无关紧要:- 即使您更改了一些代码并刷新服务器以显示更新后的代码,它也会在其他机器上刷新

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

ng 服务 --host 192.168.X.X --port 9000

使用 ng serve --host 0.0.0.0 将允许您使用您的 ip 而不是 localhost 连接到 ng serve。

注意

在较新版本的 cli 中,您必须提供本地 IP 地址

注意

在较新版本的 cli 中,您可以再次使用 0.0.0.0 作为 ip 来托管它,供您网络上的任何人与之交谈。

附注请确保在 OS 设置中将连接设置为 Public。