Django, React-Native Connection Network Request Failed

Question

I'm working on a react-native-based mobile application and doing some operations with python in the background. I wanted to do both these transactions and connect to the database via Django rest api. But I get connection error. I have used other rest-api and tried it. I also tried the rest api on the postman and it worked smoothly. I tried everything, but I couldn't find a solution.

local rest url: http://localhost:8000/api/venues/

and fetch code:

componentDidMount() {
    return fetch('http://localhost:8000/api/venues/?format=json')
    .then((response) => response.json())
    .then((responseJson) => {
      console.log(responseJson);

      this.setState({
        isLoading: false,
        dataSource: responseJson,
      }, function(){

      });

    })
    .catch((error) =>{
      console.error(error);
    });
  }

also my django setting:

i think you need to allow cors on your server side take a look here — walid sahli
– walid sahli, Commented Dec 17, 2019 at 22:37
i tried, after u mentined but it didnt worked. I added my Django Setup as img. — Artun Burak Mecik
– Artun Burak Mecik, Commented Dec 17, 2019 at 23:55

walid sahli · Accepted Answer · 2019-12-18 07:19:31Z

0

CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = [
    'http://localhost:3030',
]
CORS_ORIGIN_REGEX_WHITELIST = [
    'http://localhost:3030',
]

add these configurations after adding cors as middleware (change to your port number)

answered Dec 18, 2019 at 7:19

walid sahli

4163 silver badges11 bronze badges

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

1 Comment

Artun Burak Mecik Over a year ago

I tried, but this time the server did not work in localhost. constantly waiting for loading .

Art_Arnaud · Accepted Answer · 2022-12-09 09:54:10Z

0

https://stackoverflow.com/a/69186898/12497001 provides a very good answer!

As mentioned in the Android Studio documentation, emulators use a special address network (https://developer.android.com/studio/run/emulator-networking.html).

To address requests to your own machine, you can use the address http://10.0.2.2

answered Dec 9, 2022 at 9:54

Art_Arnaud

416 bronze badges

Collectives™ on Stack Overflow

Django, React-Native Connection Network Request Failed

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related