如何让反应APP在手机上预览？ [英] How to make React app preview on mobile?

问题描述

我是一个新手，正在使用create-react-app创建应用程序，yarn start在http://localhost:3000/启动服务器，我无法在手机上访问此URL。 如何进行一些配置以在我的手机上预览应用程序？

推荐答案

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

其次，您需要使用您的计算机在本地网络中的IP地址(假设您的移动设备与您的台式机位于同一网络中)。在Linux和Mac上，你可以使用ifconfig查看IP，或者在Windows上使用ipconfig查看IP。localhost总是指当前计算机，即桌面上的localhost指向桌面，移动设备上的localhost指向移动设备。这就是你无法访问它的原因--该应用程序在你的桌面上运行，而不是在移动设备上。

知道计算机的IP地址后，您需要将localhost替换为。在我的例子中，IP是192.168.1.10，所以我使用以下地址访问我的应用程序：

http://192.168.1.10:3000/

这篇关于如何让反应APP在手机上预览？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！