axios giving [AxiosError: Network Error] in react native

Question

i am new to react native and i am trying to submit a api using axios in react native but i am getiign [AxiosError: Network Error] i dont know what this is or how i can fix this

 function getdata() {
 
    const Data = {
      babyname: babyname,
      password: name,
      email: email,
      phone: nuber,

      period: mydate,
    };

    console.log(Data);
  
    axios({
      method: 'POST',
      url: 'http://127.0.0.1:8000/api/details/',
      data: Data,
    })
      .then(function (response) {
        console.log(response.data);
      
      })
      .catch(function (error) {
        console.log(error);
      });

i used the default inspect elemt in react native and have network tab opened

Try to enable CORS in your API. https://stackoverflow.com/questions/33076705/laravel-5-1-api-enable-cors — Bishan, Dec 10 '22 at 06:19
Does this answer your question? [Laravel 5.1 API Enable Cors](https://stackoverflow.com/questions/33076705/laravel-5-1-api-enable-cors) — Bishan, Dec 10 '22 at 06:20
check Is the api working fine in postman, and if you are using emulator, check the internet working in your emulator or not? — Vicky Ahuja, Dec 10 '22 at 06:41
in postman api is woeking and i ahave interrnet woeking @VickyAhuja — vivek kn, Dec 10 '22 at 06:53
Yes because Postman does not enforce CORS & ignore them. Try the answers on the question added by @Bishan — Dilshan, Dec 10 '22 at 10:12
@Dilshan i am sure what changes i must be making can u write a answer with step by step so i can try — vivek kn, Dec 10 '22 at 10:15
There's no need to duplicate answers here. Try the 1st and 2nd answers on that questions. — Dilshan, Dec 10 '22 at 10:33

Ali Sattarzadeh · Accepted Answer · 2022-12-12T09:54:16.653

7

I think the problem is from Ip that you are trying to get connected

it seems that you are using an android emulator, so 127.0.0.1 is not the IP that runs in Postman

if 127.0.0.1 is your localhost, changing that to 10.0.2.2 might fix your problem

axios({
  method: 'POST',
  url: 'http://10.0.2.2:8000/api/details/',
  data: Data,
})

edited Dec 12 '22 at 09:54

answered Dec 12 '22 at 06:26

Ali Sattarzadeh

3,220
1
6
20

ok this is working how did u come up with this ip – vivek kn Dec 12 '22 at 06:28
1

this is Ip that emulator connect to your localhost (127.0.0.1) – Ali Sattarzadeh Dec 12 '22 at 06:31
oke so i sould use this ip when ever i use emulator? – vivek kn Dec 12 '22 at 06:34
1

if you are running your laravel server in your device yes, but if you upload that to any host , domain or ip of that host must be set here – Ali Sattarzadeh Dec 12 '22 at 06:37

axios giving [AxiosError: Network Error] in react native

1 Answers1

Linked