CORS
Teil des Web-Kurses
Dein Frontend läuft auf localhost:3000, deine API auf localhost:8000, und die Anfrage, die in curl einwandfrei funktioniert, scheitert im Browser mit einer roten Konsolenmeldung über Access-Control-Allow-Origin. Es ist nichts kaputt. Der Browser tut genau das, wofür er gebaut wurde, er schützt deine Nutzer vor einem echten Angriff, und die Lösung ist ein einziger Response-Header auf dem Server.
Browser erzwingen eine Grenze namens Same-Origin-Policy: JavaScript, das von einem Origin geladen wurde, darf keine Antworten von einem anderen Origin lesen, solange dieser andere Origin es nicht ausdrücklich erlaubt. ...
Möchtest du Web CORS in einer echten Umgebung lernen?
Klick unten, hol dir eine Linux-Maschine mit fertigem Web und arbeite CORS praktisch durch, mit einem KI-Tutor, der deinen Code kennt.
Lektion startenCORSWas du lernen wirst
- Same-origin policy
- Origin
- Preflight OPTIONS
- Access-Control-Allow-Origin
- Access-Control-Allow-Methods
- Access-Control-Allow-Headers
- Credentials mode
Lies diese Lektion in deiner Sprache
Alle Lektionen in diesem Kurs
14 Lektionen- 1Was ist das Web20 Min.
- 2HTTP vs HTTPS15 Min.
- 3Aufbau von Anfrage und Antwort30 Min.
- 4Cookies, Sitzungen und Tokens25 Min.
- 5DNS erklärt25 Min.
- 6TLS und Zertifikate30 Min.
- 7CORS30 Min.
- 8REST-API-Grundlagen25 Min.
- 9WebSockets und SSE25 Min.
- 10Caching und CDNs25 Min.
- 11Sicherheits-Header25 Min.
- 12Ratenbegrenzung und Drosselung20 Min.
- 13Monitoring und Protokollierung20 Min.
- 14Abschlussprojekt: Ein kleiner Webserver40 Min.
Weitere Kurse ansehen
