diff --git a/CORRECTION_cors.md b/CORRECTION_cors.md index ce10cc1..67ba581 100644 --- a/CORRECTION_cors.md +++ b/CORRECTION_cors.md @@ -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. ---