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

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

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

ng serve --open --host 0.0.0.0 --disable-host-check

这对我来说非常有效(甚至使用一个a主机指向该IP的公共IP)。

对于使用节点项目管理器的人，这一行也添加到包中。Json就足够了。对于angular CLI用户来说，mast3rd3mon的答案是正确的。

你可以添加

"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"

对package.json

使用ng serve——host<您的IP>——port<如果有>则必须使用。 Ng serve——host=192.111.1.11——port=4545.使用实例 现在可以在编译结束时看到下面这行代码。

Angular Live Development Server正在监听192.111.1.11:4545，打开浏览器http://192.111.1.11:4545/ **。

不包。Json需要更改。

对我来说，它的工作原理是:

ng serve --host=0.0.0.0 --port=5999 --disable-host-check

主持人:http://localhost: 5999 /

Mac用户:

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

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