reactjs – 如何在移动设备上进行React app预览？

发布时间：2020-12-15 09:33:04 所属栏目：百科来源：网络整理

导读：我是一个菜鸟,使用create-react-app创建一个App,纱线启动服务器在http：// localhost：3000 /,我无法访问我的手机上的这个网址. 如何在移动设备上预览应用程序？解决方法首先,请记住,您可以在桌面浏览器中打开移动视图(至少在Chrome和Firefox中).有关更多

我是一个菜鸟,使用create-react-app创建一个App,纱线启动服务器在http：// localhost：3000 /,我无法访问我的手机上的这个网址.
如何在移动设备上预览应用程序？

解决方法

首先,请记住,您可以在桌面浏览器中打开移动视图(至少在Chrome和Firefox中).有关更多信息,请参见 the article它不能替代真正的移动设备上的测试,但可以帮助您识别更明显的问题.

其次,您需要在本地网络中使用计算机的IP地址(假设您的移动设备与桌面位于同一网络上).在Linux和Mac上,您可以使用ipconfig检查IP. localhost始终指向当前计算机,即桌面上的localhost指向桌面,而移动设备上指向您的移动设备.这就是您无法访问它的原因 – 该应用程序在您的桌面上运行而非移动设备.

一旦知道了计算机的IP地址,就需要将localhost替换为它.在我的情况下,IP是192.168.1.10所以我使用以下地址来访问我的应用程序：

http://192.168.1.10:3000/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!