أول خطأ CORS واجهته في FastAPI
أنا أتعلم من خلال البناء. قمت ببناء متتبع للمصاريف. استخدمت FastAPI للجانب الخلفي (backend). استخدمت HTML و JavaScript للجانب الأمامي (frontend).
بدأ الخادم بالعمل. عملت واجهة Swagger UI. فشلت صفحة HTML. زر "Load Expenses" لم يفعل شيئاً.
فحصت كود Python الخاص بي. فحصت طلب الـ fetch الخاص بي. لم يبدُ أن هناك أي خطأ.
فتحت وحدة تحكم المتصفح (browser console). رأيت خطأً باللون الأحمر. قام CORS بحظر الطلب.
استخدم الجانب الأمامي المنفذ 3000. استخدم الجانب الخلفي المنفذ 8000. رأى المتصفح أصولاً (origins) مختلفة. قام بحظر الاتصال.
أضفت CORSMiddleware إلى كود FastAPI الخاص بي. سمحت للأصل http://127.0.0.1:3000. اختفى الخطأ.
دروس لك:
- افتح وحدة تحكم المتصفح أولاً.
- اختبر الـ API الخاص بك بشكل منفصل.
- أخطاء CORS تحدث في المتصفح. إنها ليست أخطاءً في الكود.
المصدر: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6