CORS
Partie du cours Web
Votre frontend tourne sur localhost:3000, votre API tourne sur localhost:8000, et la requête qui passe parfaitement avec curl échoue dans le navigateur avec un message rouge en console parlant de Access-Control-Allow-Origin. Rien n'est cassé. Le navigateur fait exactement ce pour quoi il a été conçu, il protège vos utilisateurs contre une attaque bien réelle, et la correction tient en un en-tête de réponse côté...
Les navigateurs font respecter une frontière appelée politique de même origine : le JavaScript chargé depuis une origine n'a pas le droit de lire les réponses venues d'une autre origine, sauf si celle-ci l'autorise explicitement. ...
Envie d’apprendre Web CORS dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec Web prêt, et travaillez sur CORS avec un tuteur IA qui connaît votre code.
Commencer cette leçonCORSCe que vous allez apprendre
- Same-origin policy
- Origin
- Preflight OPTIONS
- Access-Control-Allow-Origin
- Access-Control-Allow-Methods
- Access-Control-Allow-Headers
- Credentials mode
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
14 leçons- 1Qu'est-ce que le Web20 min
- 2HTTP vs HTTPS15 min
- 3Anatomie d'une requete et d'une reponse30 min
- 4Cookies, sessions et jetons25 min
- 5Le DNS expliqué25 min
- 6TLS et certificats30 min
- 7CORS30 min
- 8Bases des API REST25 min
- 9WebSockets et SSE25 min
- 10Mise en cache et CDN25 min
- 11En-têtes de sécurité25 min
- 12Limitation de débit et contrôle du flux20 min
- 13Surveillance et journalisation20 min
- 14Projet final : Un petit serveur web40 min
Voir les autres cours
