React native expo - can't fetch localhost

Question

I'm building a React Native app with Expo, I'm trying to fetch my back-end server like this:

  useEffect(() => {

    fetch('http://192.168.1.89:8080/api/ciborg/groups')
      .then((response) => response.json())
      .then((json) => setData(json))
      .catch((error) => console.log("->>>>"+error))
      .finally(() => setLoading(false));
  });

But is always gives me the following error

"TypeError: Failed to fetch".

I have already tried the following:

fetch('http://192.168.1.89:8080/api/ciborg/groups')
fetch('http://localhost:8080/api/ciborg/groups')
fetch('http://127.0.0.1:8080/api/ciborg/groups')

But it's always the same result. However fetching outside APIs like: https://reactnative.dev/movies.json works.

Can anyone help?

can you confirm that your server is up and running in port 8080 ? — Edgar Henriquez
– Edgar Henriquez, Commented Apr 12, 2020 at 19:22
(nodejs server)The code has: app.listen(8080, function() { console.log('Listening on port: 8080'); }); And in the console: Listening on port: 8080 The back-end recognises a "GET" requests, for example, but in the front-end it always catch and error. And i can test well the back-end with postman requests and even if i, in the back-end (nodejs) side, create a web browser app to see the request i also can. — Basilio
– Basilio, Commented Apr 13, 2020 at 12:02

Basilio · Accepted Answer · 2020-04-17 11:40:24Z

1

I had a nodejs express server. And i added:

install-> npm install cors
Add to code: 
var cors = require('cors');
app.use(cors());

And it resolved my problem.

answered Apr 17, 2020 at 11:40

Basilio

311 silver badge3 bronze badges

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

Collectives™ on Stack Overflow

React native expo - can't fetch localhost

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related