React-native - Axios GET请求在Android模拟器中引发网络错误

Question

I am new to React-native. I am trying to perform a simple get request using the following code:

axios.get('http://push-cycling-backend.dev/api/test')
    .then((response) => {
        console.log(response);
    })
    .catch((error) => {
        console.log(error);
    });

I have tested the request using Postman and everything works fine, but when I run the request in my react-native app using the ANDROID EMULATOR, I get the following error:

Error: Network Error

I have a feeling this is because I am trying to access a Api end point hosted locally through Xammp via the Android emulator, but I have no idea what to do. Please any guidance would be greatly appreciated. Kind regards, Matt

Answer 1

I managed to get it working by changing the request URL from http://push-cycling-backend.dev/api/test to http://10.0.2.2:80/push-cycling-backend/public/api/test . From what i understand, since the android emulator, emulates a actual device, I believe 'localhost' was referring to an address on the emulated device instead of my local server 10.0.2.2 is something like a keyword that refers to your local machines ip address.