Error CORS Pertama Saya di FastAPI
Saya belajar dengan membangun sesuatu. Saya membuat pelacak pengeluaran. Saya menggunakan FastAPI untuk backend. Saya menggunakan HTML dan JavaScript untuk frontend.
Server berjalan. Swagger UI berfungsi. Halaman HTML gagal. Tombol Load Expenses tidak merespons.
Saya memeriksa kode Python saya. Saya memeriksa fetch request saya. Tidak ada yang terlihat salah.
Saya membuka konsol browser. Saya melihat error berwarna merah. CORS memblokir request tersebut.
Frontend menggunakan port 3000. Backend menggunakan port 8000. Browser melihat origin yang berbeda. Browser memblokir koneksinya.
Saya menambahkan CORSMiddleware ke kode FastAPI saya. Saya mengizinkan origin http://127.0.0.1:3000. Error tersebut hilang.
Pelajaran untuk Anda:
- Buka konsol browser Anda terlebih dahulu.
- Uji API Anda secara terpisah.
- Error CORS terjadi di browser. Itu bukan bug pada kode.
Sumber: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6