问题出在防火墙上。如果您在Windows上，请确保允许节点通过

Ng serve——host 0.0.0.0将允许您使用自己的IP而不是本地主机连接到Ng serve。 打开浏览器到<IP-ADDRESS>:4200 使用ng serve——host 0.0.0.0——disable-host-check将允许您使用您的域而不是localhost连接到ng serve。 打开浏览器到<DOMAIN-NAME>:4200

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

EDIT

在较新的cli版本中，您必须提供本地ip地址

编辑2

在cli的新版本中(我认为是v5或更高版本)，您可以再次使用0.0.0.0作为ip，为网络上的任何人托管它。

顺便提一下 确保您的连接在操作系统设置中设置为Public。

Mac用户:

进入“系统首选项->网络-> Wi-Fi” 复制状态下面的IP地址(通常是192.168.1.x) 把它粘贴到你的ng serve中，比如:ng serve——host 192.168.1.x

然后，您必须能够通过192.168.1.x:4200在其他设备上看到您的页面。

对我来说，它使用“ng serve -open -host 0.0.0.0”，但有一个警告

警告:这是一个简单的服务器，用于测试或调试Angular应用程序 本地。它还没有被审查安全问题。

将此服务器绑定到打开的连接可能会损害您的应用程序或 电脑。使用不同于传递给"——host"标志的主机可能会导致 Websocket连接问题。你可能需要使用"——disableHostCheck"如果那是 的情况。

打开cmd并导航到项目位置，即为项目运行npm install或ng serve的位置。

然后执行命令- ng serve——host 10.202.32.45，其中10.202.32.45是您的IP地址。

您将能够在10.202.32.45:4200访问您的页面，其中4200是您的端口号。

注意:如果你使用这个命令服务你的应用程序，那么你将无法访问localhost:4200