Il mio primo errore CORS in FastAPI
Imparo costruendo. Ho costruito un tracker delle spese. Ho usato FastAPI per il backend. Ho usato HTML e JavaScript per il frontend.
Il server è partito. Swagger UI funzionava. La pagina HTML non funzionava. Il pulsante "Load Expenses" non faceva nulla.
Ho controllato il mio codice Python. Ho controllato la mia richiesta fetch. Nulla sembrava sbagliato.
Ho aperto la console del browser. Ho visto un errore rosso. Il CORS ha bloccato la richiesta.
Il frontend usava la porta 3000. Il backend usava la porta 8000. Il browser ha rilevato origini diverse. Ha bloccato la connessione.
Ho aggiunto CORSMiddleware al mio codice FastAPI. Ho autorizzato l'origine http://127.0.0.1:3000. L'errore è scomparso.
Lezioni per te:
- Apri prima la console del browser.
- Testa la tua API separatamente.
- Gli errori CORS avvengono nel browser. Non sono bug del codice.
Fonte: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6