How to make a POST request in react native

Question

I am trying to do an axios post in react native. In postman, it is working but in app, it is not working. Can someone help?

var Data = {
        name: name,
        email: email,
      };
    }
   axios
      .post('http://10.0.2.2:8000/api/register', Data)

      .then(res => {
        alert(res);
      })
      .catch(err => console.log(JSON.stringify(err)));
  }

this is the error

{"message":"Network Error","name":"AxiosError","stack":"AxiosError: Network Error\n at XMLHttpRequest.handleError (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.sukprsavam&modulesOnly=false&runModule=true:103294:16)","config":{"transitional":{"silentJSONParsing":true,"forcedJSONParsing":true,"clarifyTimeoutError":false},"adapter":["xhr","http"],"transformRequest":[null],"transformResponse":[null],"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":-1,"maxBodyLength":-1,"env":{},"headers":{"Accept":"application/json, text/plain, /","Content-Type":"application/json"},"method":"post","url":"http://103.161.55.43/api/register/","data":"{"name":"dadkn","email":"[email protected]","baby_date":"27/12/2022"}"},"code":"ERR_NETWORK","status":null}

@MahammadMomin can u share how my uri will look like so i can try — vivek kn
– vivek kn, Commented Dec 27, 2022 at 7:35
I think he meant to say that ip addresses you are using in postman and the app are not the same. — Niraj Niroula
– Niraj Niroula, Commented Dec 27, 2022 at 7:38
react native requires this ip beacuse it is a emulator @NirajNiroula — vivek kn
– vivek kn, Commented Dec 27, 2022 at 7:44
@NirajNiroula stackoverflow.com/questions/74750780/… have a look at this — vivek kn
– vivek kn, Commented Dec 27, 2022 at 7:51

Niraj Niroula · Accepted Answer · 2022-12-28 06:10:59Z

2

IOS and Android don't work with HTTP protocol by default. It's not secure. If you can migrate to HTTPS, all will work fine.

But you can disable this secure option by updating the following files;

Android (AndroidManifest.xml)

    <uses-permission android:name="android.permission.INTERNET" />

    <application
       //-------add this attribute-------//
       android:usesCleartextTraffic="true"> 
    
    </application>

IOS (Info.plist)

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

edited Dec 28, 2022 at 6:10

Niraj Niroula

2,4321 gold badge20 silver badges36 bronze badges

answered Dec 28, 2022 at 1:12

Nero

1514 bronze badges

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

Collectives™ on Stack Overflow

How to make a POST request in react native

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related