在网络中的其他设备上打开本地运行的 Angular 站点？

Question

我正在本地计算机上运行 Angular 网站。
我在 vs code 终端上运行命令

ng serve -o

它会自动捆绑我的网站并打开链接http://localhost:4200/
有什么办法可以让我在手机上也打开同一个网站吗？

1. 我用一个包尝试了https://www.npmjs.com/package/http-server它可以工作，但我需要添加一个包并为站点手动运行它。其次，它只是托管文件而不是捆绑的 Angular 网站。

2. 有人推荐我这个博客帖子，但它很复杂并且需要额外的设置。

Answer 1

也许可以用

ng serve --host 0.0.0.0

运行它。这将允许您在本地主机之外加载站点。在您的移动设备上，打开浏览器并将 URL 设置为类似

http:://YOUR_SERVER_HOSTNAME:4200

的形式。您的设备和服务器应该位于同一网络，或者设备应该能够解析

YOUR_SERVER_HOSTNAME

。

Answer 2

如果您使用的是Android手机，可以尝试远程调试Android设备。

1. 在 Android 手机上启用 USB 调试
2. 通过 USB 线将手机连接到笔记本电脑。
3. 在笔记本电脑上打开 Chrome 浏览器并转到

   chrome://inspect/#devices

4. 选中发现 USB 设备并在端口转发设置中写入您的地址。
5. 在手机上打开chrome浏览器，您可以简单地使用locahost。

   http://localhost:4200/

详细指南：https://developer.chrome.com/docs/devtools/remote-debugging