React Native: Axios network error using get request

user_15250079 0
Viewed 891

In react native application, the backend returns a simple json and I want to use it with axios on the client side, but it gives an error that I have never seen.

react native app.js

express js

it works when i use a different api

useEffect(() => {
    axios
      .get("https://jsonplaceholder.typicode.com/users")
      .then((res) => setData(res.data[0]));
  }, []);

return (
    <View style={styles.container}>
      <Text>Welcome {data.name}!</Text>
      <StatusBar style="auto" />
    </View>
  );

Then i will get this. [AxiosError: Network Error]

axios react-native reactjs express node.js
3 Answers

had similiar issue before with React-Native when running on Android Emulator
solution for me was changing the api url from http://localhost:5000/ to http://10.0.2.2:5000/

user_146000340

Your Express app needs to use CORS (Cross-Origin Resource Sharing). Add the following to your server file:

var app = express();

// ADD THIS
var cors = require('cors');
app.use(cors());
user_146966380

your request api is worked in postman? checked your conection , url address and url port..

the best way for get the correct url is postman.

https or http ? and test your url in ' '

user_88759640
Related