1

Estoy haciendo prácticas en React usando API de https://jsonplaceholder.typicode.com/users y todo funciona bien en local server pero cuando mando a subirla en Github con gh-pages tengo un error en consola:

Access to fetch at 'https://jsonplaceholder.typicode.com/users' from origin 'https://fc0l.github.io' 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.

el codigo que tengo es:

componentDidMount() {
    fetch('https://jsonplaceholder.typicode.com/users')
    .then(response => response.json())
    .then(users => this.setState({ user: users }));
}
2
  • Eso tiene sentido?, que no te funcione en github pero si en local?, que cosa mas extraña...
    – Layer
    Commented el 30 may. 2020 a las 3:29
  • tiene sentido porque en el local es probable que no tenga los certificados https y las políticas de CORS no aplica.
    – floyd70s
    Commented el 30 may. 2020 a las 3:47

2 respuestas 2

0

tengo ese mismo problema en estos momentos. revisa lo siguiente: https://developer.mozilla.org/es/docs/Web/HTTP/Access_control_CORS https://stackoverflow.com/questions/43262121/trying-to-use-fetch-and-pass-in-mode-no-cors

en la cabecera debes incluir:

        params = {
            headers: { 'Content-Type': 'application/json' },
            mode: 'no-cors',
        };
0

SOLUCIÓN 2022/2023 y listo! Adios dolores de cabeza

app.use(cors({ "Access-Control-Allow-Origin" : "http://localhost:3000/" }));

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.