1
respuesta

TypeError: Failed to fetch

apesar que segui todos los pasos del módulo 3 no he podido arreglar el problema de https cuando arranco toda la app desde index.html y es curioso por que cuando ejecuto el script js https://134.65.227.230/clientes me funciona correctamene pero cuando lo ejecuto desde https://objectstorage.sa-vinhedo-1.oraclecloud.com/n/axc1ogbc2faz/b/site-bucket-20230822-1550/o/index.html no me funciona ya revise que la ruta sea correcta: https no funciona cuando arranco la app desde index.html pero si cuando  ejecuto solo el js ![](https no funciona cuando arranco la app desde index.html pero si cuando  ejecuto solo el js )

1 respuesta

Hola Ciro,

El error "TypeError: Failed to fetch" puede ser causado por varias razones, pero en tu caso, parece que podría ser un problema de CORS (Cross-Origin Resource Sharing). Este problema se produce cuando intentas hacer una solicitud HTTP (en este caso, una solicitud fetch) desde un origen a otro origen distinto, lo cual está bloqueado por defecto por razones de seguridad.

Cuando ejecutas tu script JS directamente, estás en el mismo origen, por lo que no hay problema. Pero cuando intentas ejecutarlo desde tu archivo index.html alojado en Oracle Cloud, estás intentando acceder a un recurso en otro origen (134.65.227.230), lo que puede estar causando el problema.

Una solución posible es configurar el servidor en 134.65.227.230 para permitir solicitudes CORS desde tu origen en Oracle Cloud. Esto se puede hacer añadiendo los headers apropiados en la respuesta del servidor, como "Access-Control-Allow-Origin". Pero ten en cuenta que esto puede tener implicaciones de seguridad, por lo que debes estar seguro de lo que estás haciendo.

Por ejemplo, si estás usando Express.js en tu servidor, puedes hacer algo como esto:

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "https://objectstorage.sa-vinhedo-1.oraclecloud.com"); // actualiza esto con tu origen
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

Por favor, ten en cuenta que esto es solo una sugerencia basada en la información que has proporcionado y puede que no sea la solución perfecta para tu problema.

Espero haber ayudado y ¡buenos estudios!