网络请求失败

当我使用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，你可能错过了在AndroidManifest.xml中添加权限需要添加以下权限。

<uses-permission android:name="android.permission.INTERNET" />

2017-06-06 13:49:10

其他回答

只是你有Fetch....的变化

fetch('http://facebook.github.io/react-native/movies.json')
    .then((response) => response.json())
    .then((responseJson) => {
        /*return responseJson.movies; */
        alert("result:"+JSON.stringify(responseJson))
        this.setState({
            dataSource:this.state.dataSource.cloneWithRows(responseJson)
        })
     }).catch((error) => {
         console.error(error);
     });

2016-10-15 10:07:39

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

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

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

配置您的服务器以使用椭圆曲线prime256v1。为例如，在Nginx 1.10中，你可以通过设置ssl_ecdh_curve来实现 prime256v1;

2017-07-18 10:08:19

为了找到根源问题，我使用XMLHttpRequest而不是获取，并在发送请求后抛出一个异常的消息，告诉实际问题HTTP_1_1_REQUIRED。

显然，react本机(在我的情况下v0.59)只支持http/1.1，然后我在web服务器上禁用了http/2。

如果你的网络服务器是IIS，看看这个问题的答案

希望这能有所帮助。

2022-07-26 08:32:14

通过在0.0.0.0上运行模拟服务器注意:当你使用json-server运行另一个服务器时，这在Expo上有效。