Expo 无法从 json-server node.js 获取数据

Question

我最近开始学习 React Native。我有这样的问题。

我启动 Expo 应用程序，它可以工作。我转到从 json 服务器获取数据的子项，那里是空的。写入网络请求失败。据我了解，未读取来自服务器的数据。

这里更详细。

首先，运行 json server，在命令提示符下输入 json-server --watch db.json -p 3001。一切都开始了。我将进入浏览器并输入 localhos: 3001 / books。并且数据出现了。据我了解，它回答了请求。

接下来，运行 react native。一切都在 Metro bundler 浏览器（本地主机：19002）中加载、运行。

在手机上启动程序分为三种：

1.local和地址127.0.0.1，据我了解，需要通过usb线连接运行。我尝试使用此方法启动应用程序。但是数据没有出现。写入网络请求失败。

2.lan和电脑的ip地址，我是通过wi-fi了解的。由于我没有wifi路由器，我试图从我的电脑上提供wifi。我连接了调制解调器。它开始共享wifi。我连接了电话并启动了它。它根本没有开始。局域网模式下电脑默认IP地址，取调制解调器（192.168.8.100）和手机（192.168.43.216）的IP地址。简而言之，手机和电脑必须在同一个局域网。我想可能是如果我会再拿一个补偿。它将用作 Wi-Fi 路由而不是路由器。然后我会将我的工作电脑和手机连接到它。我配置了ip地址。还没有开始。我认为我做错了什么我不是局域网专家。如果您有任何想法，请提供帮助。

3.tunnel 不太明白怎么用。我决定通过手机共享 wi-fi 并创建一个接入点。连接我的电脑并运行。它似乎已经开始，但仍然没有显示数据。

请帮忙。

1) 在没有 wifi 路由器的情况下形成局域网连接。

2) 如何从json服务器读取数据到手机。

附：我花了 3 天时间试图弄清楚。

Answer 1

我从"Getting Started" in the README 复制了示例，然后运行npx json-server --watch db.json -p 3001。然后我在浏览器中转到http://localhost:3001/posts/1，它按预期工作。

接下来，我在终端中打开了一个新选项卡并运行npx ngrok http 3001 以公开创建一个隧道，以便从任何地方访问端口 3001 上的 http 服务器。隧道启动后，我看到了以下信息：

ngrok by @inconshreveable                                                                     (Ctrl+C to quit)

Session Status                online
Session Expires               7 hours, 58 minutes
Version                       2.3.35
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://ef4b99ca.ngrok.io -> http://localhost:3001
Forwarding                    https://ef4b99ca.ngrok.io -> http://localhost:3001

我在浏览器中打开了https://ef4b99ca.ngrok.io/posts/1，它按预期工作（当您阅读本文时，这对您不起作用，因为届时我将关闭 ngrok 隧道和我的 json-server）。

如果您按照这些步骤并在您的应用中使用隧道 URL，您将能够在开发中从您的设备访问它。