Creé un punto final REST en la aplicación python y funciona bien cuando se llama desde el navegador. Sin embargo, cuando intento consumirlo en la aplicación React JS, aparece un error en la consola.

Intenté varias formas de llamarlo como se muestra a continuación.

1. Javascript simple y antiguo

 var request = new XMLHttpRequest(); request.open("GET", "http://127.0.0.1:5000/countries", true); request.setRequestHeader("Content-Type", "application/json; charset=UTF-8"); request.send(data);

Error en la consola: en la última línea del código anterior, obteniendo:

"Error al cargar el recurso: net::ERR_FAILED"

2. Método de búsqueda en REACT

 fetch(apiUrl) .then((response) => response.json()) .then((data) => console.log("This is your data", data));

Error en la consola: en la última línea del código anterior, obteniendo:

"Error al cargar el recurso: net::ERR_FAILED"

"No capturado (en promesa) TypeError: no se pudo obtener

3. Axios:

 axios.get("http://127.0.0.1:5000/countries") .then(res => { const responseData = res.data; console.log("responseData is : ", responseData); });

Error en la consola:

No atrapado (en promesa). -> AxiosError -> Error de red

Instantánea de errores de Axios

¿Hay algún problema con la configuración de red/proxy o alguna biblioteca?

Necesito hacer solicitudes GET primero, luego solicitudes POST también. Por favor sugiera con un ejemplo.