100% Clientseitige Berechnung • Keine Server-Logs • Sofortige Ausführung
Curious TechieEntwickler-Toolbox
Web SecurityW3C Recommendation / Fetch StandardVerified Terminology

Cross-Origin Resource Sharing (CORS)

Direkte Antwort

HTTP-Header-basierter Standard, mit dem Server Webbrowsern mitteilen, welche fremden Ursprünge Zugriff auf geschützte Ressourcen erhalten dürfen.

Entity Relationships (GEO Conceptual Hierarchy)

Taxonomy Model
Relational Knowledge Graph Sequence
CORS→
Same-Origin Policy→
Access-Control-Allow-Origin→
OPTIONS Preflight→
Credentials
CORS
•>Same-Origin Policy
•>Access-Control-Allow-Origin
•>OPTIONS Preflight
•>Credentials

Technical Explanation & Operational Mechanics

CORS lockert die strenge Same-Origin Policy gezielt auf. Mittels Access-Control-Allow-Origin steuert der Server, ob Client-Anwendungen anderer Domains Daten abfragen dürfen. Bei komplexen Anfragen stellt der Browser automatisch eine OPTIONS-Preflight-Anfrage voran.

Technical Example & Practical Implementation

CORS Preflight-Header-Austausch

Vorabprüfung von HTTP-Methoden und benutzerdefinierten Headern.

// 1. Browser sends automatic preflight check:
OPTIONS /api/v1/profile HTTP/1.1
Host: api.example.com
Origin: https://app.client.com
Access-Control-Request-Method: POST
Access-Control-Request-Headers: Authorization, Content-Type

// 2. Server grants cross-origin permission:
HTTP/1.1 204 No Content
Access-Control-Allow-Origin: https://app.client.com
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Authorization, Content-Type
Access-Control-Max-Age: 86400

// 3. Browser executes the actual POST request:
POST /api/v1/profile HTTP/1.1
Host: api.example.com
Origin: https://app.client.com
Content-Type: application/json