Cómo funciona el encabezado Access-Control-Allow-Origin y cómo corregir el error CORS

¡Hola a todos! Soy nuevo en JavaScript y estoy intentando hacer una solicitud desde el frontend a otro dominio (API del clima). Tengo un código simple en JS puro: ```javascript fetch('https://api.example-weather.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('Error:', error)); ``` Pero en la consola del navegador veo un error: > Access to fetch at 'https://api.example-weather.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. He leído que debo agregar el encabezado `Access-Control-Allow-Origin`, pero no entiendo dónde agregarlo: ¿en el servidor o en el cliente? Intenté agregarlo en fetch así: ```javascript fetch('https://api.example-weather.com/data', { headers: { 'Access-Control-Allow-Origin': '*' } }) ``` Pero no funciona. Expliquen, por favor, cómo funciona realmente este encabezado y qué debo hacer para