Error while using fetch in react native app

Question

I am using the following fetch call in a react native app:

fetch(apiUrls.signInUrl, {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    user: {
      email: username,
      password: password,
    }
  })
})
.then(response => {
  response.json().then(responseJson => {
    dispatch(AccountActions.loginResponse(username, password, responseJson.token, response.status));
    dispatch(CardActions.getCards(username, responseJson.token));
  });
})
.catch(err => {
  console.error(err);
});

The fetch call is failing with the following error screen. Any help?

Have you tried using a proxy like Charles to inspect network traffic? stackoverflow.com/a/35047215/869895 — alexp
– alexp, Commented Sep 3, 2016 at 12:30
1 - Can you access the internet from safari on the simulator/phone? 2 - is the internet working on your computer? 3 - Is your internet working at all? — nabn
– nabn, Commented Sep 3, 2016 at 14:42
internet is working. other api calls in the same app are working fine. even the same api call, if I press the login button again, it works fine. — vijayst
– vijayst, Commented Sep 3, 2016 at 15:01
After I installed Charles root certificate in iOS simulator, it seems to be working fine. The first call was always the one giving me the problem. Even that seems to be resolved now. I am going to close this question. @alexp, Thanks for Charles proxy suggestion. — vijayst
– vijayst, Commented Sep 3, 2016 at 15:33

Bipin Bhandari · Accepted Answer · 2016-09-04 06:04:10Z

1

In IOS http connections are disabled by default. So you would have to enable it. Though it isn't recommended, it should be fine for debug mode.

Here are the steps: 1. You go to Info.plist file of your iOS project in Xcode

Change allow Arbitrary loads to "YES"
Optionally you can also add your trusted host to exception domains if you don't like to enable "allow arbitrary loads" option

Good luck!

answered Sep 4, 2016 at 6:04

Bipin Bhandari

2,69225 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Error while using fetch in react native app

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related