首先，请记住您可以在桌面浏览器（至少在 Chrome 和 Firefox 中）中打开移动视图。请参阅文章了解更多信息。它不能替代在真实移动设备上进行测试，但可以帮助您识别更明显的问题。

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

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

http://192.168.1.10:3000/

所有的答案都是正确的，除了有两点忘记了：

1. 您的网络必须是私有的：在 windows10 上，单击 wifi 图标，然后单击网络名称，您将看到属性选项，单击它，然后在网络配置文件部分，将其设置为私有

2. 您可能无法通过npm run startcmd中写入的 ip 进行连接，请尝试其他 ip 地址。正如其他朋友所说，打开cmd，输入：ipconfig然后按回车，然后你会看到3个部分都有一行：IPv4 Address，用你的react应用程序的端口号尝试所有这些IP地址，我希望它有帮助

如果你想在实际设备上测试它（这是推荐的）你应该确保你的手机和你的电脑连接到同一个网络，然后当你运行

yarn start
npm run start 

您应该会看到如下内容：

On Your Network:  http://172.xx.xx.xxx:3000/

只需将该 IP 地址放在您的移动浏览器中并测试您的 Web 应用程序

对于窗户：

1. 在 cmd 中使用ipconfig查找您的公共 IP 。在Wireless LAN adapter Wi-Fi下找到 IPv4 地址。确保您的手机和电脑在同一个局域网中（连接到同一个 Wifi）。使用http://your_ip:3000预览您的应用程序的react。
2. 提示：您必须使用https协议来测试您手机的GPS服务。就我而言，我将其部署在 Heroku 上以使用 GPS 测试功能。