Comment fonctionne l'en-tête Access-Control-Allow-Origin et comment corriger l'erreur CORS ?

Bonjour à tous ! Je suis débutant en JavaScript et j'essaie de faire une requête depuis le frontend vers un autre domaine (API météo). J'ai un code simple en JS pur : ```javascript fetch('https://api.example-weather.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('Erreur:', error)); ``` Mais dans la console du navigateur, je vois une erreur : > L'accès à fetch depuis 'https://api.example-weather.com/data' depuis l'origine 'http://localhost:3000' a été bloqué par la politique CORS : aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. J'ai lu qu'il faut ajouter l'en-tête `Access-Control-Allow-Origin`, mais je ne comprends pas où l'ajouter : sur le serveur ou sur le client ? J'ai essayé de l'ajouter dans fetch comme ceci : ```javascript fetch('https://api.example-weather.com/data', { headers: { 'Access-Control-Allow-Origin': '*' } }) ``` Mais cela ne fonctionne pas. Expliquez-moi, s'il vous plaît, comment fonctionne réellement cet en-tête et que dois-je faire pour