如何测试使用Angular CLI ng创建的应用程序是否可以从其他设备进行测试？

Question

我从头开始使用Angular CLI生成应用程序.CLI版本angular-cli: 1.0.0-beta.11-webpack.2

我试图从我的智能手机测试它,但我得到Connection拒绝.

所以,我ng serve在我的笔记本电脑上运行并尝试访问该应用程序:

• 从笔记本电脑,使用localhost:工作
• 从笔记本电脑,使用IP:连接被拒绝
• 从智能手机,使用IP:连接被拒绝

这曾用于以前的SystemJS版CLI.我检查过我没有运行防火墙.

我该如何修复或调试此错误？

我正在使用Mac.

Answer 1

添加值为"0.0.0.0"的host-flag应允许您从本地网络上的任何设备访问Web服务器.

这应该工作: ng serve --host 0.0.0.0

有关解释:https: //github.com/angular/angular-cli/pull/1475#issuecomment-235986121

Answer 2

在package.json中

 "start": "ng serve --host 0.0.0.0   --port 4200 --disable-host-check ",

然而,--disable-host-check这将是一个安全风险,你需要 "@angular/cli": "^1.1.0-rc.2"在1.1版本中出现这个标志