当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我是一个菜鸟,使用create-react-app创建一个App,纱线启动服务器在http:// localhost:3000 /,我无法访问我的手机上的这个网址. 如何在移动设备上预览应用程序? 首先,请记住,您可以在桌面浏览
我是一个菜鸟,使用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/
网友评论