FastAPI میں میرا پہلا CORS ایرر
میں بنا کر سیکھتا ہوں۔ میں نے ایک expense tracker بنایا۔ میں نے بیک اینڈ کے لیے FastAPI استعمال کیا۔ میں نے فرنٹ اینڈ کے لیے HTML اور JavaScript استعمال کی۔
سرور شروع ہو گیا۔ Swagger UI کام کر رہا تھا۔ HTML پیج فیل ہو گیا۔ Load Expenses بٹن نے کچھ نہیں کیا۔
میں نے اپنا Python کوڈ چیک کیا۔ میں نے اپنی fetch request چیک کی۔ کچھ بھی غلط نظر نہیں آ رہا تھا۔
میں نے براؤزر کنسول کھولا۔ مجھے ایک سرخ ایرر نظر آیا۔ CORS نے request کو بلاک کر دیا۔
فرنٹ اینڈ پورٹ 3000 استعمال کر رہا تھا۔ بیک اینڈ پورٹ 8000 استعمال کر رہا تھا۔ براؤزر نے مختلف origins دیکھے۔ اس نے کنکشن کو بلاک کر دیا۔
میں نے اپنے FastAPI کوڈ میں CORSMiddleware شامل کیا۔ میں نے origin http://127.0.0.1:3000 کو اجازت دے دی۔ ایرر ختم ہو گیا۔
آپ کے لیے اسباق:
- سب سے پہلے اپنا براؤزر کنسول کھولیں۔
- اپنی API کو الگ سے ٹیسٹ کریں۔
- CORS ایررز براؤزر میں ہوتے ہیں۔ یہ کوڈ کے bugs نہیں ہیں۔
ذریعہ: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6