在 React Native 中使用 axios 时出现网络错误

Question

This is long-standing problem for me and I can't find solution at all.

Within my react native project(react-native-cli), I send request to server using axios package. But when I'm testing with my android phone, it gives [Error: Network Error]. With emulator, it's okay.

I'm sure this is not back-end problem because I've tested with several servers. And I also used fetch instead but got same error.

Here is version information.

"axios": "^0.19.0",
"react": "16.9.0",
"react-native": "0.61.5",

Sometimes, it's working on android phone too. This problem is biggest mystery and I suffered for a long time.

Somebody who experienced this issue, please alive me. Thank you for careful reading.

Sometimes, it's not working even with android emulator. But after deleted original emulator and created new emulator, it's working.

const serverUrl = "https://server.com";
axios.post(serverUrl + "/api/candidates/login", {
            "email": this.state.email ,
            "password": this.state.password
        }, {
            headers: {
                'Content-Type': 'application/json'
            }
        }).then((response) => {
                console.log(response.data);
        }).catch((error) => {
                console.log(error);
        })

Answer 1

I think this is a problem with http and https request. SO to enable https request try the one below :

The easy way to implement this is to use this attribute to your AndroidManifest.xml where you allow all http for all requests:

android:usesCleartextTraffic="true"

Answer 2

尝试在 AndroidManifest.xml 中添加波纹管代码

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

Answer 3

对于 Android，不要使用： localhost ，而是使用10.0.2.2 。

Answer 4

I have tried adding access network state permission and usesCleartextTraffic and both of the solutions didn't help. I am still getting this error.Out of all my endpoints (30+), I am only getting this error while sending a post request to logout with a refresh token as parameter. The rest of the api is working fine.

I have found the problem. The endpoint returns 205 and this creates an error returning Network Error instead of success. I am thinking to tell my backend to change the response status code to 200.

Answer 5

My problem was that I was using the host url as http://127.0.0.1 while running my app on an emulator.

With emulators, the use of "localhost" OR "127.0.0.1" does not apply since emulator tries only within its scope.

If you are running your app in a local env, make sure that both your device and the server are in the same network and use the IP address of the server as the host url.

In my case it was http://192.168.8.101:8080

Answer 6

Was facing the same issue & solved it by doing:

1- Find the IP Address of your machine.

2- Replace your localhost address with your IP address **

 replace ==>  'http://localhost:8000/api/download'

 with ==> 'http://192.120.16.108:8000/api/download'

Answer 7

我也遇到了同样的问题，你是怎么解决的？？？