Warum JavaScript einen CORS-Fehler ausgibt, aber Postman funktioniert einwandfrei?
Hallo zusammen! Ich bin ein Frontend-Anfänger und kämpfe seit einigen Tagen mit einem Problem. Ich habe eine einfache Website in HTML/JavaScript und versuche, eine GET-Anfrage an eine externe API (z.B. https://api.example.com/data) zu senden. Im Browser erhalte ich den Fehler: "No 'Access-Control-Allow-Origin' header is present on the requested resource". Wenn ich jedoch genau dieselbe Anfrage über Postman sende, funktioniert alles einwandfrei – die Daten kommen ohne Probleme an.
Hier ist mein Code:
```javascript
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Fehler:', error));
```
Ich verwende eine normale HTML-Datei, die über file:// geöffnet wird, ohne Server. Zuerst dachte ich, das Problem liegt an meinem Code, aber Postman funktioniert doch! Warum passiert das? Ist das ein Browser-Bug oder mache ich etwas falsch? Muss der Server irgendwie konfiguriert werden? Ich bitte um eine einfache Erklärung, worin der Unterschied zwischen einer Anfrage aus dem Browser und aus Postman besteht, und was ich tun kann, um das Problem zu beheben.