如何在开发过程中在移动设备上运行 Angular2 应用程序？

Question

我正在开发一个 Angular2 应用程序。该应用程序使用ng s --open 提供服务，然后可以在浏览器http://localhost:4200 上看到结果。

我还在同一个 localhost 的 3000 端口上运行了一个服务器。为了连接到服务器，Angular 向https://localhost:3000/some/api 发送请求。

问题：当我在移动设备（连接到同一个 WiFi）上运行 Angular 应用程序时，无法访问 localhost:3000。

如何在移动设备浏览器上运行应用程序并仍然连接到端口 3000 的服务器，同时仍然在桌面上的http://localhost:4200 上运行应用程序（连接到 localhost:3000） ？

Answer 1

使用本地网络，然后使用所需端口在系统的本地 IP 上为您的 Angular 项目提供服务。 例如：- 我系统的本地ip = 192.168.1.15 现在 ng serve --host 192.168.1.15 --port 2600

编译成功后， 在您的移动设备中打开192.168.1.15:2600（确保手机连接到同一本地网络中的WiFi）