CORS: solutions Windows sans python (Live Server VS Code recommande, py -m http.server, npx serve, IDE JetBrains)
This commit is contained in:
+21
-11
@@ -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:...`.)
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user