CORS: solutions Windows sans python (Live Server VS Code recommande, py -m http.server, npx serve, IDE JetBrains)

This commit is contained in:
2026-06-23 11:05:15 +02:00
parent ba66dfd5b5
commit 22a1178bd7
+21 -11
View File
@@ -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:...`.)
---