React Native Fetch request throwing "Network Request Failed" error in Laravel API

Question

i trying to connect react native android application with Laravel Api. So i using a simple Api to testing whether the request were sent. When using POSTMAN it is working. But when i using emulator from android studio it throw the error of "Network Request Failed". What is the problems?

The API return json tested by POSTMAN:

{"result":"hello world"}

But in react native

This is my function

async onRegisterPressed() {
        let response= await fetch('http://127.0.0.1:8000/api/register',{
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                    name:this.state.name,
                    email:this.state.email,
                    password:this.state.password,
                    password_confirmation:this.state.password_confirmation,

            })
        });

        let res= await response.json();

            console.log(res);


}

Try to open 127.0.0.0:8000 on your emulator's browser. is it working? — Sagar Khatri
– Sagar Khatri, Commented Jul 1, 2017 at 9:33
TypeError is thrown when a network error is encountered. Can you access the internet in the emulator? — Mμ.
– Mμ., Commented Jul 1, 2017 at 9:33
@masterhunter can you make a request to a random website and see if you get a response? — Mμ.
– Mμ., Commented Jul 1, 2017 at 9:54

Mμ. · Accepted Answer · 2017-07-06 02:28:01Z

8

I suspect that 127.0.0.1 will point to the emulator itself in your computer where the server is currently running. Try replacing 127.0.0.1 with 10.0.2.2 if you are on AVD or 10.0.3.2 if you are on Genymotion or with your computer's actual IP address.

edited Jul 6, 2017 at 2:28

answered Jul 1, 2017 at 10:02

Mμ.

8,5723 gold badges28 silver badges36 bronze badges

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

2 Comments

jay thanki Over a year ago

Work fine with Computer's actual IP address.

lortschi Over a year ago

Thanks @Mμ. this was the issue. After 4 hours of try and error you saved my day!

Collectives™ on Stack Overflow

React Native Fetch request throwing "Network Request Failed" error in Laravel API

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related