Pourquoi l'erreur CORS se produit en JavaScript alors que la requête fonctionne dans Postman ? Analysons

Bonjour à tous ! Je suis un développeur frontend débutant, et j'ai un problème qui me laisse perplexe. Je développe une application web simple en JavaScript pur. Je dois envoyer une requête POST à une API tierce (par exemple, https://api.example.com/data) pour obtenir des données. Dans la console du navigateur, je vois l'erreur :

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.

Voici mon 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('Erreur:', error));

Mais le plus étrange : lorsque je copie la même URL, la même méthode et le même corps de requête dans Postman, tout fonctionne parfaitement ! Postman retourne le résultat attendu.