如何在另一个设备上测试使用Angular CLI ng serve创建的应用程序？

23 浏览
0 Comments

如何在另一个设备上测试使用Angular CLI ng serve创建的应用程序？

我用Angular CLI从头开始生成了一个应用。CLI版本为angular-cli: 1.0.0-beta.11-webpack.2

我试图从智能手机上测试它，但是我得到了连接被拒绝的错误。

因此，我在笔记本电脑上运行ng serve并尝试访问该应用程序：

  • 从笔记本电脑上，使用localhost：工作正常
  • 从笔记本电脑上，使用IP地址：连接被拒绝
  • 从智能手机上，使用IP地址：连接被拒绝

这在以前的CLI SystemJS版本中起作用。我检查过，没有防火墙在运行。

我应该如何修复或调试这个错误？

我正在使用Mac。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

在 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版本中

0
0 Comments

\n\n添加值为\"0.0.0.0\"的主机标志应该允许您从本地网络上的任何设备访问Web服务器。\n这应该有效:\n ng serve --host 0.0.0.0 \n解释：\nhttps://github.com/angular/angular-cli/pull/1475#issuecomment-235986121

0