TypeError: Network request failed (using ReactNative and Django)

Question

I'm developing a mobile app with React Native, and have a REST API in Django at the backend. I want to make a POST request from the app to my API.

Code

function sendDpi() {
const requestOptions = {
  method: 'POST',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    dpi: imageDpi,
  }),
};
fetch('http://127.0.0.1:8000/', requestOptions)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => {
    console.log(error);
  });
}

When sendDpi() is called by my app, I get [TypeError: Network request failed].
127.0.0.1:8000 is where my Django app is running. I've tried using my IP address (as pointed out by this answer) as well.
I've also modified android/app/src/main/AndroidManifest.xml to include android:usesCleartextTraffic="true".

Manohar · Accepted Answer · 2022-01-11 12:11:52Z

2

The suggestion made before was great except the URL needed should be http://10.0.2.2:8000 instead of http://10.0.2.2/8000

edited Jan 11, 2022 at 12:11

Manohar

23.6k12 gold badges117 silver badges158 bronze badges

answered Jan 11, 2022 at 10:58

Gledi

511 bronze badge

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

Comments

Rasmus Knap · Accepted Answer · 2021-12-10 12:53:44Z

2

I think 127.0.0.1:8000 is also localhost. You need to find your external ip address if you use a physical device to test from.

I you test from android emulator you can just use http://10.0.2.2/8000.

Also try to make it work with http first. You might not have a valid SSL certificate. With invalid SSL certificate you also get [TypeError: Network request failed]

answered Dec 10, 2021 at 12:53

Rasmus Knap

2932 silver badges13 bronze badges

4 Comments

protonpasta Over a year ago

I get the same error when I use 10.0.2.2/8000 or my external IP address. What did you mean by 'make it work with HTTP first'?

Rasmus Knap Over a year ago

If your Django app is serving ‘https://‘ and you don’t have a valid ssl certificate then you’ll will get the error. Can the Django app serve as ‘http://‘?

protonpasta Over a year ago

yeah, it can serve as 'http://'

Rasmus Knap Over a year ago

@protonpasta you still have the problem? Could it be a firewall problem? You could try to serve your django app through ngrok: twilio.com/blog/….

Vishal Singh · Accepted Answer · 2022-11-11 23:30:52Z

0

In Django settings.py

ALLOWED_HOSTS = ['192.168.1.7']

Starting Django shell

python manage.py runserver 192.168.1.7:8000

Check link on browser if working

http://192.168.1.7:8000/polls/articles/

In React/ReactNative project, see result on shell

useEffect(() => {
        fetch('http://192.168.1.7:8000/polls/articles/',
        {method: 'GET'})
        .then(resp => resp.json())
        .then(data => {
            console.log(data)
        })
        .catch(error => console.log(error))
    }, [])

answered Nov 11, 2022 at 23:30

Vishal Singh

8219 silver badges16 bronze badges

Collectives™ on Stack Overflow

TypeError: Network request failed (using ReactNative and Django)

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related