Wie funktioniert der Access-Control-Allow-Origin-Header und wie behebt man einen CORS-Fehler?

Hallo zusammen! Ich bin neu in JavaScript und versuche, eine Anfrage vom Frontend an eine andere Domain (Wetter-API) zu stellen. Ich habe einen einfachen Code in reinem JS:\n\n```javascript\nfetch('https://api.example-weather.com/data')\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Fehler:', error));\n```\n\nAber in der Browser-Konsole sehe ich einen Fehler:\n\n> 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.\n\nIch habe gelesen, dass man den Header `Access-Control-Allow-Origin` hinzufügen muss, verstehe aber nicht, wo: auf dem Server oder auf dem Client? Ich habe versucht, ihn im fetch so hinzuzufügen:\n\n```javascript\nfetch('https://api.example-