Warum tritt in JavaScript ein CORS-Fehler auf, während die Anfrage in Postman funktioniert? Eine Analyse

Hallo zusammen! Ich bin ein angehender Frontend-Entwickler und habe ein Problem, das mich ratlos macht. Ich schreibe eine einfache Webanwendung in reinem JavaScript. Ich muss eine POST-Anfrage an eine externe API (z.B. https://api.example.com/data) senden, um einige Daten zu erhalten. In der Browserkonsole sehe ich folgenden Fehler:

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.

Hier ist mein Code:

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('Fehler:', error));

Das Seltsamste ist: Wenn ich dieselbe URL, Methode und den Anfragekörper in Postman kopiere – funktioniert alles einwandfrei! Postman gibt die erwarteten Daten zurück.