React Native Http request dont work in Android

Question

Working with requests to the server using Fetch and also using Axios, when running it on Android emulator/devise it shows me the following error:

this is the request code:

fetch(URL,{
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
                email: userEmail,
                password: userPassword
            }),

        })
        .then((response) => response.json())
         .then((responseJson)=>{
             Alert.alert("bien");
       console.warn(responseJson);
             })
         .catch((error)=>{
         console.error(error);
     console.warn(error);
   });

score 14 · Answer 1 · answered Oct 18 '19 at 07:14

14

Since Http request doesn't work in the latest android updates I think after 28 arrived. So you have to add the following attributes to your AndroidManifest.xml

    <manifest 
        xmlns:tools="http://schemas.android.com/tools">

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

        <application
           android:usesCleartextTraffic="true"> 

                // ----------------

        </application>
   </manifest>

answered Oct 18 '19 at 07:14

iamsr

314
2
6

thanks this worked and HTTP requests are working now, but HTTPS requests are not working anymore, do you know why this is happening? – DevineDecrypter Apr 14 '22 at 12:48

score 2 · Answer 2 · answered Feb 23 '18 at 11:08

2

Go to info.plist (ProjectFolder->ios->ProjectFolder->info.plist)and add the following before </plist>

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

Now restart project once again .

answered Feb 23 '18 at 11:08

ajithes1

433
2
11
28

Well in iOS it Works but the problem is in android, i already add all the permisions – mariovzc Feb 23 '18 at 13:08

score 2 · Accepted Answer · answered Feb 23 '18 at 21:54

2

Well the problem was with the SSL certificate of the URL

answered Feb 23 '18 at 21:54

mariovzc

173
1
2
12

Can you please expand? – Oscar Paredez Feb 21 '23 at 00:37

score 1 · Answer 4 · answered Oct 14 '22 at 00:22

For those trying out in the iOS, here is the updated version of the answer given by @iamsr

the info.plist looks like this:

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

and you can add another key below inside the current NSAppTransportSecurity

so the final result to be:

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

React Native Http request dont work in Android

4 Answers4

Linked