React Native apisauce can't connect to server network

Question

I'm learning react native and therefore I'm using an api package by the name of "apisauce" version ^2.1.2.

when backend be called with postman, I receive an array of data and when it be called with frontend application, I receive "Network_Error"

My question is what I'm doing wrong?

client.js :

import { create } from "apisauce";

const apiClient = create({
  baseURL: "http://127.0.0.1:9000/api",
});

export default apiClient;

listings.js:

import client from "./client";

const endpoint = "/listings";
const getListings = () => client.get(endpoint);

export default { getListings };

App.js

import React, { useEffect } from "react";
import listingsApi from "./app/api/listings";

function App() {
  const loadData = async () => {
    const response = await listingsApi.getListings();
    console.log(response);
  };

  useEffect(() => {
    loadData();
  }, []);

  return (
    <Screen>
    </Screen>
   );
}

export default App;

And here is the error when I do a console.log:

Answer 1

I have found a solution where instead to set the baseURL to backend URL, I had to set the baseURL to the ip-address of my computer.

information had been found at