离子与wifi热点一起在手机上测试

Question

我正在尝试在移动浏览器中测试我们的应用。

• 我开始了wifi热点
• 在我们的项目根目录上运行ionic serve
• 已连接到移动设备上的wifi
• 在移动浏览器上，转到http://localhost:8100

但是我找不到页面。如果我连接到运行应用程序服务器的PC的wifi热点，则离子应用程序是否不应该在浏览器上加载？

Answer 1

ionic serve就像接受的答案一样对我不起作用。但是

ionic serve --host=COMMON_NETWORK_IP并连接到

COMMON_NETWORK_IP:8100在电话上。

通过ifconfig（unix）或ipconfig（windows）查找COMMON_NETWORK_IP。 如果您使用WiFi并使用Mac，则还可以使用GUI：

Answer 2

localhost是您的本地地址。如果要从移动设备浏览器访问PC提供的离子应用程序，则应使用PC的IP地址而不是localhost，因为localhost是移动设备的地址。

因此，只需在终端上运行ifconfig（unix）或ipconfig（windows），然后从您的移动设备使用此地址访问应用程序：http://IP_OF_YOUR_PC:8100

这可能无法正常工作，具体取决于您的防火墙规则。

Answer 3

最佳方法：

1. 将个人热点从移动设备转移到计算机
2. 运行ionic serve
3. 读取此命令引发的输出。在那里您可以看到External IP-Adress
4. 打开智能手机上的浏览器 ，然后使用Exernal IP-Adress + 8100（端口）

例如： http://192.168.32.12:8100

Answer 4

您需要做的就是确保您的笔记本电脑和手机使用同一个 Wifi 连接

就跑 ionic serve

网络：http://192.168.1.***:8100/

在您的移动浏览器中输入该网络地址

它适用于所有 create-react-app 和 vue-cli

热重载也可以

如果您没有 WiFi，请使用移动热点