当我使用react-native init (RN版本0.29.1)创建一个全新的项目，并在渲染方法中获取公共facebook演示电影API时，它抛出了一个网络请求失败。有一个非常无用的堆栈跟踪，我不能调试网络请求在chrome控制台。这是我发送的fetch:
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
return responseJson.movies;
})
.catch((error) => {
console.error(error);
});
当前回答
React-native Expo和Node Express后端也有同样的问题。这个问题是关于模拟器本地主机和服务器本地主机之间的冲突。您的后端服务器可能运行在127.0.0.1:8000上，但模拟器无法找到这一点。
在终端中使用命令“ipconfig”找到您的ipv4地址。例如，它将是192.138.1.40
在此之后，将其放入fetch ('http://192.138.1.40:8080/')。 同样重要的是—使用相同的主机和端口运行后端服务器。 以Node Express为例:
app.listen(8080， () => console.log("服务器正在运行!"))
其他回答
“依赖”:{“反应”:“17.0.2”、“react-native”:“0.66.1”}, 我在使用Android模拟器时遇到了这个问题。
将这些代码行添加到AndroidManifest.xml中 <应用程序 ．... ．... android: usesCleartextTraffic = " true " > 然后，试着在一个真正的物理设备上运行你的代码，而不是模拟器， 要在物理设备上运行，请连接usb并尝试运行NPX react-native run-android
我在Android上遇到了这个问题
URL - localhost / authToken。Json -没有工作:(
URL - 10.106.105.103 / authToken。Json -没有工作:(
URL- http://10.106.105.103/authToken.json -工作:):D
说明—在Linux操作系统中使用ifconfig，在Windows操作系统中使用ipconfig查找机器的IpAddress
对于Android设备，进入您的项目根文件夹并运行命令:
adb reverse tcp:[your_own_server_port] tcp:[your_own_server_port]
例如:adb reverse tcp:8088 tcp:8088
这将使您的物理设备(即。Android手机)监听本地主机服务器运行在您的开发机器(即您的计算机)地址http://localhost:[your_own_server_port]。
之后，你可以直接在react-native fetch()调用中使用http:localhost:[your_port] /your_api。
React-native Expo和Node Express后端也有同样的问题。这个问题是关于模拟器本地主机和服务器本地主机之间的冲突。您的后端服务器可能运行在127.0.0.1:8000上，但模拟器无法找到这一点。
在终端中使用命令“ipconfig”找到您的ipv4地址。例如，它将是192.138.1.40
在此之后，将其放入fetch ('http://192.138.1.40:8080/')。 同样重要的是—使用相同的主机和端口运行后端服务器。 以Node Express为例:
app.listen(8080， () => console.log("服务器正在运行!"))
Android用户:
Replace localhosts to a Lan IP addresses because when you run the project on an Android device, localhost is pointing to the Android device, instead of your computer, example: change http://localost to http://192.168.1.123 If your request URL is HTTPS and your Android device is under a proxy, assume you have installed User-added CA(like burp suite's CA or Charles's CA) in your Android device, make sure your Android version is below Nougat(7.0), because: Changes to Trusted Certificate Authorities in Android Nougat User-added CAs Protection of all application data is a key goal of the Android application sandbox. Android Nougat changes how applications interact with user- and admin-supplied CAs. By default, apps that target API level 24 will—by design—not honor such CAs unless the app explicitly opts in. This safe-by-default setting reduces application attack surface and encourages consistent handling of network and file-based application data.
