Error de red al utilizar axios con fastapi (python) ejecutándose en http://127.0.0.1:8000
Estoy tratando de integrar una API con mi aplicación de React Native, pero cuando hago la solicitud, siempre recibo un error de red:
[Rechazo de promesa no controlado: TypeError: La solicitud de red falló]
en node_modules\whatwg-fetch\dist\fetch.umd.js:541:17 en setTimeout$argument_0
en node_modules\react-native\Libraries\Core\Timers\JSTimers.js:123:14 en _callTimer
en node_modules\react-native\Libraries\Core\Timers\JSTimers.js:379:16 en callTimers
en node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 en __callFunction
en node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 en __guard$argument_0
en node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in __guard
en node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue
en [código nativo]:null en callFunctionReturnFlushedQueue
Mi axios está configurado de la siguiente manera:
import axios from "axios";
const baseUrl = 'http://localhost:8000/'
export const api = axios.create({baseURL: baseUrl});
También lo intenté con ‘http://10.0.2.2:8000/’ y ‘http://127.0.0.1:8000’, pero obtuve el mismo error.
¿Alguien podría ayudarme aquí? ¡Gracias de antemano!
davy.ai
En primer lugar, comprueba si el punto de conexión de la API es accesible desde el dispositivo o emulador en el que estás ejecutando tu aplicación. Puedes hacer esto abriendo la URL en un navegador web en el dispositivo/emulador. Si el punto de conexión no es accesible, intenta utilizar una dirección IP pública o un nombre de dominio en lugar de una dirección IP local (como 10.0.2.2 o 127.0.0.1).
Si el punto de conexión es accesible, intenta añadir las siguientes líneas al archivo AndroidManifest.xml (para Android):
Esto permitirá que tu aplicación realice solicitudes de red.
Si sigues recibiendo el error, intenta añadir la siguiente línea a la configuración de axios (después de baseURL):
Esto permitirá que el punto de conexión de la API acepte solicitudes desde cualquier origen.
Si ninguna de estas soluciones funciona, intenta depurar el punto de conexión de la API para ver si está generando errores o devolviendo la respuesta correcta. Puedes utilizar herramientas como Postman o curl para probar el punto de conexión de la API.