Ich kann über eine expo React Native App (Android-Gerät) nicht auf mein Backend (Django/Python) zugreifen. ⇐ Android

[Anonymous]

Ich habe ein einfaches Backend mit Django/Python erstellt, ich kann von Postman aus darauf zugreifen, aber wenn ich versuche, von einer nativen Expo React-App darauf zuzugreifen, erhalte ich einen Netzwerkfehler
Ich teste es mit meinem Samsung Android-Gerät
Ich habe alles versucht
Von Postman aus, wenn ich eine Get-Anfrage sende wie „http://127.0.0.1:8000/drinks/“, erhalte ich

Code: Select all

[
{
"id": 1,
"name": "Grape Soda",
"description": "Soda with Grapes"
},
{
"id": 2,
"name": "Orange Soda",
"description": "Soda with Orange"
}
]

In der Datei „settings.py“ habe ich:

Code: Select all

CORS_ORIGIN_ALLOW_ALL = True

Aus meiner Expo React Native App (lief auf einem Android):
Ich habe eine apiCall-Komponente:

Code: Select all

import axios from "axios";

export const apiCall = axios.create({
baseURL: "http://127.0.0.1:8000/drinks/",
timeout: 3000, // optional timeout setting
headers: {
"Content-Type": "application/json",
},
});

Verwendung von einem Drinks Screen.is:

Code: Select all

import { StyleSheet, Text, View } from "react-native";
import React, { useEffect, useState } from "react";
import { apiCall } from "../api/apicall";

const DrinksScreen = () => {
const [drinks, setDrinks] = useState([]);

function loadDrinksData() {
apiCall
.get("/drinks/")
.then((drinks) => {
console.log("success!, data: ", data);
return drinks;
})
.catch((error) => {
console.log("error!: ", error);
return error;
});
}

useEffect(() => {
let data = loadDrinksData();
}, []);

return (

drinksScreen

);
};

Wenn ich es teste, erhalte ich die Fehlermeldung: [AxiosError: Network Error]
Was könnte das sein?
Vielen Dank im Voraus