Alguien sabe alguna solucion a este mensaje de error, mi navegador bloquea la api: has been blocked by CORS policy: No ‘Access-Control-Al...

Juan Victor Bascope Castro

Juan Victor Bascope Castro

Pregunta
studenthace 4 años

Alguien sabe alguna solucion a este mensaje de error, mi navegador bloquea la api:

has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

1 respuestas
para escribir tu comentario
    Omar Daniel Centeno

    Omar Daniel Centeno

    studenthace 4 años

    Hola

    Te comparto la documentación sobre CORS de MDN que está bastante interesante y comenta lo siguiente:

    Por razones de seguridad, los exploradores restringen las solicitudes HTTP de origen cruzado iniciadas dentro de un script. Por ejemplo, XMLHttpRequest y la API Fetch siguen la política de mismo-origen. Ésto significa que una aplicación que utilice esas APIs XMLHttpRequest sólo puede hacer solicitudes HTTP a su propio dominio, a menos que se utilicen cabeceras CORS.

    En la página de AWS explican de forma más directa los procesos que debes de verificar para solucionar este tipo de errores, espero que te sea de utilidad.

    Saludos

Curso Básico de Vue.js 2

Curso Básico de Vue.js 2

Construye aplicaciones web dinámicas con Vue.js 2, gestionando componentes, rutas y API REST. Al finalizar, despliega tu proyecto en producción con herramientas modernas como Netlify, ofreciendo una experiencia profesional.

Curso Básico de Vue.js 2
Curso Básico de Vue.js 2

Curso Básico de Vue.js 2

Construye aplicaciones web dinámicas con Vue.js 2, gestionando componentes, rutas y API REST. Al finalizar, despliega tu proyecto en producción con herramientas modernas como Netlify, ofreciendo una experiencia profesional.