CORS Guillaume: recommander d'installer Python (Add to PATH) puis python -m http.server

This commit is contained in:
2026-06-23 11:08:39 +02:00
parent 472498c56d
commit e65bf607d8
+15 -19
View File
@@ -49,33 +49,29 @@ Là, tu as lancé un **petit programme serveur** qui « publie » ton dossier et
---
## La solution — lancer un mini-serveur (Windows + Zed)
## La solution — installer Python, puis lancer un mini-serveur
Le but est toujours le même : ouvrir la page via `http://localhost:...` au lieu de `file://`.
Le but est toujours le même : ouvrir la page via `http://localhost:...` au lieu de `file://`. Le plus simple chez toi (Windows), c'est **d'installer Python**, qui fournit un serveur prêt à l'emploi en une commande.
Zed n'a pas de bouton « Live Server » comme VS Code, **mais il a un terminal intégré** : ouvre-le avec `` Ctrl + ` `` (ou menu *Terminal*). Place-toi à la **racine du projet** dedans, et lance **une** des commandes ci-dessous.
### 1. Installe Python
- Va sur **https://www.python.org/downloads/** et installe la dernière version.
- ⚠️ **Très important** pendant l'installation : **coche la case « Add python.exe to PATH »** (en bas de la première fenêtre). Sans ça, la commande `python` ne sera pas reconnue dans le terminal.
### 2. Lance le serveur
Ouvre un terminal (celui intégré à **Zed** fait l'affaire : `` Ctrl + ` ``), place-toi à la **racine du projet**, et tape :
### ✅ Option A — avec Node.js (recommandée si tu l'as)
```powershell
npx serve
python -m http.server 8000
```
`npx` télécharge un mini-serveur à la volée (rien à installer en plus). Il affiche l'adresse à ouvrir, du genre `http://localhost:3000`. Pour vérifier que tu as Node : `node --version`.
> Sur Windows c'est `python` (ou `py`), **pas** `python3`. Vérifie l'install avec `python --version`.
### Option B — avec Python
Sur Windows, la commande s'écrit `py` (ou `python`), pas `python3` :
```powershell
py -m http.server 8000
### 3. Ouvre la page dans le navigateur
```
Puis ouvre `http://localhost:8000/pages/services.html`. Pour vérifier que tu l'as : `py --version`.
http://localhost:8000/pages/services.html
```
C'est maintenant du `http://` → `fetch` fonctionne, l'erreur CORS disparaît. Pour **arrêter** le serveur : `Ctrl + C` dans le terminal.
### Tu n'as ni Node ni Python ?
Installe-en **un** (c'est utile pour la suite de toute façon) :
- **Node.js** → https://nodejs.org (version « LTS »), puis reviens à l'option A.
- ou **Python** → https://www.python.org/downloads/ — ⚠️ à l'installation, **coche « Add python.exe to PATH »**, puis option B.
> Dans tous les cas : pour **arrêter** le serveur, `Ctrl + C` dans le terminal. Et ouvre bien l'adresse `http://localhost:...`, **pas** le fichier en double-clic.
> 💡 **À 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://`. Le serveur se lance depuis un terminal (celui de Zed fait l'affaire) ; n'importe lequel des outils ci-dessus convient.
> 💡 **À 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://`. Une fois Python installé, c'est une seule commande à relancer à chaque session de travail.
---