Por qué en JavaScript aparece el error CORS, pero en Postman la solicitud funciona? Lo analizamos
¡Hola a todos! Soy un desarrollador frontend principiante y tengo un problema que me tiene perplejo.
Estoy escribiendo una aplicación web simple en JavaScript puro. Necesito enviar una solicitud POST a una API externa (por ejemplo, https://api.example.com/data) para obtener algunos datos. En la consola del navegador veo el error:
Access to fetch at 'https://api.example.com/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Aquí está mi código:
fetch('https://api.example.com/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
Pero lo más extraño: cuando copio la misma URL, método y cuerpo de la solicitud en Postman, ¡todo funciona perfectamente! Postman devuelve lo esperado