'How to fetch data from dot net core in React Native?

Postman Screenshot of dot net core API

Postman fetches the data from my dot net core API but I cannot get the data in React native using the same API. I tried everything like changing port number etc.

React Native API Request

useEffect(() => {
    const getData= async () => {
     try {
        const response = await axios.get('http://10.0.2.2:54669/DoctorMaster/Getalldoctorssearch/1062');
        setAppointments(response.data);
        setIsLoading(false);
        console.log(response.data);
       
        
       
     } catch (error) {
       console.log(error);     
       
     }
    }
    getData()
  }, [setAppointments, setIsLoading]);
javascriptc++sharpreactjsasp.netreact-native


Solution 1:[1]

Please follow the below structure

fetch(
  "url"
  {
    method: "GET",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
      Authorization: "Bearer " + JSON.parse(token),
    },
  }
)
  .then((response) => response.json())
  .then((responseJson) => {
    // Handle response here
  })
  .catch((error) => {
    console.error(error);
  });

Solution 2:[2]

Be aware that React Native refuses HTTP requests instead of HTTPS requests by default:

To handle HTTP requests in Android see this post

To handle HTTP requests in iOS see this post

Solution 3:[3]

You are trying to fetch data from localhost which your mobile device won´t be able to fetch the url. You need to publish your API on a Web Server, and then you will be able to fetch the data

Solution 4:[4]

Solution: All of the answers did not work for me, I used a visual studio extension called Conveyor by keyoti to solve the issue, this extension allow me to use the API outside of localhost, it will show you the remote URL, use that url to call API from your mobile application

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 S.Hashmi
Solution 2 Hossein Gerami
Solution 3
Solution 4 Raja

Related Questions