Why in React Native post request can't be sent?

Question

I am using axios in react native project but at the time of post request through axios it gives an error

export const login = (email, password) => async dispatch => {
    const config = {
        headers: {
            'Content-Type': 'application/json'
        }
    };
    
    const body = JSON.stringify({ email, password });
    console.log(body)

        const res = await axios.post(`http://localhost:8000/auth/jwt/create/`, body, config);
        console.log('kk');
        dispatch({
            type: LOGIN_SUCCESS,
            payload: res.data
        });

        dispatch(load_user());
     
};

On postman this axios request is executing successfully and on the same backend address my react JS project is working correctly and this axios request also get successful.

On react native project it gives following error.

I've also tried try and catch blocks but after execting axios.post line it goes to catch block .

I've tried the same request on Postman and it's successfully sent the post request and get the tokens

Answer 1

Solution 1

Check this. Maybe you should set android:usesCleartextTraffic="true" in your AndroidManifest.xml file.

Solution 2

I could suggest the next command which I personally always use when developing RN apps on Android using local emulators. adb reverse tcp:8081 tcp:8081.

Solution 3

Use concrete local ip-address instead of localhost alias. Check this.