CORS Guillaume: recommander d'installer Python (Add to PATH) puis python -m http.server
This commit is contained in:
+15
-19
@@ -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.
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user