React native Android - network request failed error with fetch() method

Question

Currently, my app is not working, and it prints out an error message "network request failed".

The URL is correct - the URL is woking properly in Chrome, however, it only not working on the android.

I am assuming that it is basically because I am using private certificate for https.

Below is my code, please let me know if you find an answer.

fetch(url) .then(res => res.json()) .then( (result) => { const companyName = result['name']; const companyId = 'ID ' + result['id'];

      this.setState({
        isLoaded: true,
        siteData: result,
        companyName: companyName,
        companyID: companyId
      });
    }
  )
  .catch((error) => {
    console.log(error);
    this.setState({
      isLoaded: false,
      error
    });
  });

Edison Sanchez · Accepted Answer · 2020-04-24 04:18:02Z

1

The answer is ok, but in my case i had to change the manifest too:

<application
...
android:usesCleartextTraffic="true"
...>

answered Apr 24, 2020 at 4:18

Edison Sanchez

1046 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

YeonwooSung · Accepted Answer · 2019-03-20 17:21:14Z

0

Ahh, it works perfectly fine with http - the actual problem was the self-certificate https.

Apparently, the data fetching component in Android blocks the self certificate https due to the security problem.

answered Mar 20, 2019 at 17:21

YeonwooSung

612 silver badges10 bronze badges

Collectives™ on Stack Overflow

React native Android - network request failed error with fetch() method

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related