网络请求失败

当我使用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);
      });

当前回答

在我的情况下，我有https url，但取回返回网络请求失败的错误，所以我只是stringify的身体，它的工作乐趣

fetch (https://mywebsite.com/endpoint/, { 方法:“文章”, 标题:{ 接受:application / json, “内容类型”:“application / json” }，身体:JSON.stringify ({ firstParam:“yourValue”, secondParam:“yourOtherValue” }) })；

2021-01-06 07:14:24

其他回答

React Native Docs给出了这个问题的答案。

苹果已经阻止隐式明文HTTP资源加载。所以我们需要添加以下我们的项目的信息。Plist(或等效)文件。

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

测试您的集成->添加应用程序传输安全例外

2017-04-29 04:50:26

HTTP不再被允许。请使用HTTPS

从Android API 28和iOS 9开始，这些平台默认禁用不安全的HTTP连接。

2021-09-24 00:51:47

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("服务器正在运行!"))

2022-08-17 04:19:39

问题可能出在服务器配置上。

Android 7.0有一个bug。Vicky Chijwani提出的解决方案: