From 22a1178bd7d3fee401c761224182c7978280b1a5 Mon Sep 17 00:00:00 2001 From: matthieureynier Date: Tue, 23 Jun 2026 11:05:15 +0200 Subject: [PATCH] CORS: solutions Windows sans python (Live Server VS Code recommande, py -m http.server, npx serve, IDE JetBrains) --- CORRECTION_cors.md | 32 +++++++++++++++++++++----------- 1 file changed, 21 insertions(+), 11 deletions(-) diff --git a/CORRECTION_cors.md b/CORRECTION_cors.md index 8ae2d5c..4ed37bf 100644 --- a/CORRECTION_cors.md +++ b/CORRECTION_cors.md @@ -49,23 +49,33 @@ Là, tu as lancé un **petit programme serveur** qui « publie » ton dossier et --- -## La solution (1 commande) +## La solution — lancer un mini-serveur -Dans un terminal, place-toi à la **racine du projet** et lance : +Le but est toujours le même : ouvrir la page via `http://localhost:...` au lieu de `file://`. Sur **Windows**, et sans Python, voici les options, de la plus simple à la plus « manuelle ». -```bash -python3 -m http.server 8000 +### ✅ Option recommandée (Windows, le plus simple) : « Live Server » dans VS Code +1. Dans VS Code, ouvre **Extensions** (l'icône carrés à gauche, ou `Ctrl+Shift+X`). +2. Cherche **« Live Server »** (de Ritwick Dey) et installe-la. +3. Ouvre `services.html`, **clic droit dans le fichier → « Open with Live Server »** (ou le bouton **Go Live** en bas à droite). +4. Ta page s'ouvre toute seule sur une adresse comme `http://127.0.0.1:5500/pages/services.html` → c'est du `http://`, `fetch` marche. 🎉 + +> `127.0.0.1`, c'est pareil que `localhost` (ta machine) ; `5500` est juste le port choisi par Live Server. + +### Option B — si tu as Python (même sur Windows) +Sur Windows, la commande s'écrit souvent `python` (sans le `3`) ou `py` : +```powershell +py -m http.server 8000 ``` +(ou `python -m http.server 8000`). Puis ouvre `http://localhost:8000/pages/services.html`. +Pour tester si tu l'as : tape `py --version` dans le terminal. Pour arrêter le serveur : `Ctrl + C`. -Puis, dans le navigateur, ouvre : - -``` -http://localhost:8000/pages/services.html +### Option C — si tu as Node.js +```powershell +npx serve ``` +Il t'affiche l'adresse à ouvrir (souvent `http://localhost:3000`). -(et **pas** le fichier en double-clic). L'adresse est maintenant en `http://` → `fetch` fonctionne, l'erreur CORS disparaît. Pour arrêter le serveur : `Ctrl + C`. - -> 💡 **À retenir :** « CORS policy » sur un `fetch` de fichier local = tu as ouvert la page en `file://`. La réponse est presque toujours : **passe par un petit serveur** (`python3 -m http.server`). C'est aussi ce que fait un vrai site : un serveur envoie les fichiers. +> 💡 **À retenir :** « CORS policy » sur un `fetch` de fichier local = tu as ouvert la page en `file://`. La réponse est toujours : **passe par un petit serveur** pour avoir une adresse `http://`. Sur Windows, le plus simple est **Live Server dans VS Code** — pas besoin de Python. (Et si tu utilises un IDE JetBrains comme WebStorm, il a aussi un serveur intégré : « Open in Browser » donne déjà une adresse `http://localhost:...`.) ---