FastAPI'deki İlk CORS Hatam
Yaparak öğrenirim. Bir gider takip uygulaması geliştirdim. Backend için FastAPI kullandım. Frontend için HTML ve JavaScript kullandım.
Sunucu çalıştı. Swagger UI çalıştı. HTML sayfası hata verdi. Load Expenses butonu hiçbir şey yapmadı.
Python kodumu kontrol ettim. fetch isteğimi kontrol ettim. Hiçbir şey yanlış görünmüyordu.
Tarayıcı konsolunu açtım. Kırmızı bir hata gördüm. CORS isteği engelledi.
Frontend 3000 portunu kullanıyordu. Backend 8000 portunu kullanıyordu. Tarayıcı farklı origin'ler gördü. Bağlantıyı engelledi.
FastAPI koduma CORSMiddleware ekledim. http://127.0.0.1:3000 origin'ine izin verdim. Hata ortadan kalktı.
Sizin için dersler:
- Önce tarayıcı konsolunuzu açın.
- API'nizi ayrı olarak test edin.
- CORS hataları tarayıcıda gerçekleşir. Bunlar kod hatası değildir.
Kaynak: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6