当我使用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);
});
当前回答
我在Android模拟器上遇到了同样的问题，在那里我试图使用有效的证书访问外部HTTPS URL。但是在react-native中获取URL失败了
'fetch error:', { [TypeError: Network request failed]
sourceURL: 'http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false' }
1)为了找出日志中的确切错误，我首先在应用程序上使用Cmd + M启用了“远程调试JS”
2)报告的错误为
java.security.cert.CertPathValidatorException: Trust anchor for certification path not found.
3)我添加的URL的有效证书使用这种方法->步骤2
http://lpains.net/articles/2018/install-root-ca-in-android/
该证书被添加到User选项卡。
4)将属性android:networkSecurityConfig属性添加到AndroidManifest.xml
添加网络安全配置文件 res / xml / network_security_config.xml:
<network-security-config>
<base-config>
<trust-anchors>
<certificates src="user"/>
<certificates src="system"/>
</trust-anchors>
</base-config>
</network-security-config>
这应该工作，并给你一个预期的回应。
其他回答
对我来说……我已经有https了…当我在头文件中添加“Content-type”:“application/json”时，这个问题就消失了
headers: {
Authorization: token,
'Content-type': 'application/json',
/** rest of headers... */
}
平台:安卓
对于Android，你可能错过了在AndroidManifest.xml中添加权限 需要添加以下权限。
<uses-permission android:name="android.permission.INTERNET" />
这对我有用，android使用一个特殊类型的IP地址10.0.2.2然后端口号
import { Platform } from 'react-native';
export const baseUrl = Platform.OS === 'android' ?
'http://10.0.2.2:3000/'
:
'http://localhost:3000/';
解决方案很简单，更新nodejs版本14或更高
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("服务器正在运行!"))
