Problema con CORS en fetch
Publicado por Dani (4 intervenciones) el 19/02/2021 01:41:31
Hola, buenas noches.
Estoy intentando hacer la siguiente petición con fetch:
Cuando lo ejecuto, me muestra el siguiente mensaje por consola:
He añadido anteriormente las cabeceras. ¿Qué puede estar pasando? La api a la que quiero acceder es de un servicio externo, no es api propia ni está en mi servidor.
Muchas gracias de antemano.
Estoy intentando hacer la siguiente petición con fetch:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var myHeaders = new Headers();
myHeaders.append('Content-Type', 'application/json');
myHeaders.append('Accept', 'application/json');
myHeaders.append('Access-Control-Allow-Origin', 'http://localhost:8000');
myHeaders.append('Access-Control-Allow-Credentials', 'true');
myHeaders.append("x-inbenta-key", "my_key");
var raw = JSON.stringify({"secret":"secret_key"});
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
};
fetch("external_api_url", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
Cuando lo ejecuto, me muestra el siguiente mensaje por consola:
1
Access to fetch at 'external_api_url' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 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.
He añadido anteriormente las cabeceras. ¿Qué puede estar pasando? La api a la que quiero acceder es de un servicio externo, no es api propia ni está en mi servidor.
Muchas gracias de antemano.
Valora esta pregunta


0