离子服务与 wifi 热点在移动设备上进行测试
ionic serve with wifi hotspot to test on mobile
我正在尝试在移动浏览器中测试我们的应用程序。
- 我开启了 wifi 热点
- 运行
ionic serve 在我们的项目根目录上
- 已在移动设备上连接到 wifi
- 在移动浏览器上转到 http://localhost:8100
但是我找不到一个页面。如果我连接到 pc 运行 应用服务器的 wifi 热点，离子应用程序不应该在浏览时加载吗？
localhost 是您的本地地址。如果你想从你的移动设备浏览器访问你的电脑提供的离子应用程序，你应该使用你的电脑的 IP 地址而不是 localhost，因为 localhost 是你的移动设备的地址。
所以只需在您的终端上 运行 一个 ifconfig (unix) 或 ipconfig (windows) 并从您的移动设备使用此地址访问应用程序： http://IP_OF_YOUR_PC:8100
根据您的防火墙规则，这可能不起作用。
最好的方法：
- 从您的移动设备到您的计算机创建个人热点
- 运行
ionic serve
- 阅读此命令抛出的输出。在那里你可以看到
External IP-Adress
- 在智能手机上打开浏览器并使用
Exernal IP-Adress + 8100（端口）
ionic serve 就像接受的答案一样对我不起作用。但是
ionic serve --host=COMMON_NETWORK_IP 并连接到
COMMON_NETWORK_IP:8100 在 phone 上，做了。
通过 ifconfig (unix) 或 ipconfig (windows) 查找您的 COMMON_NETWORK_IP。
如果您使用 WiFi 并使用 mac，您还可以使用 GUI：
您只需确保您的笔记本电脑和手机处于同一 Wifi 连接状态
就运行ionic serve
网络：http://192.168.1.***:8100/
在您的移动浏览器中输入该网络地址
它适用于所有 create-react-app 和 vue-cli
热重载也可以
如果您没有 WiFi，请使用移动热点
我正在尝试在移动浏览器中测试我们的应用程序。
- 我开启了 wifi 热点
- 运行
ionic serve在我们的项目根目录上 - 已在移动设备上连接到 wifi
- 在移动浏览器上转到 http://localhost:8100
但是我找不到一个页面。如果我连接到 pc 运行 应用服务器的 wifi 热点，离子应用程序不应该在浏览时加载吗？
localhost 是您的本地地址。如果你想从你的移动设备浏览器访问你的电脑提供的离子应用程序，你应该使用你的电脑的 IP 地址而不是 localhost，因为 localhost 是你的移动设备的地址。
所以只需在您的终端上 运行 一个 ifconfig (unix) 或 ipconfig (windows) 并从您的移动设备使用此地址访问应用程序： http://IP_OF_YOUR_PC:8100
根据您的防火墙规则，这可能不起作用。
最好的方法：
- 从您的移动设备到您的计算机创建个人热点
- 运行
ionic serve - 阅读此命令抛出的输出。在那里你可以看到
External IP-Adress - 在智能手机上打开浏览器并使用
Exernal IP-Adress+ 8100（端口）
ionic serve 就像接受的答案一样对我不起作用。但是
ionic serve --host=COMMON_NETWORK_IP 并连接到
COMMON_NETWORK_IP:8100 在 phone 上，做了。
通过 ifconfig (unix) 或 ipconfig (windows) 查找您的 COMMON_NETWORK_IP。 如果您使用 WiFi 并使用 mac，您还可以使用 GUI：
您只需确保您的笔记本电脑和手机处于同一 Wifi 连接状态
就运行ionic serve
网络：http://192.168.1.***:8100/
在您的移动浏览器中输入该网络地址
它适用于所有 create-react-app 和 vue-cli
热重载也可以
如果您没有 WiFi，请使用移动热点