FastAPI-তে আমার প্রথম CORS এরর

আমি তৈরির মাধ্যমে শিখি। আমি একটি expense tracker তৈরি করেছি। ব্যাকএন্ডের জন্য আমি FastAPI ব্যবহার করেছি। ফ্রন্টএন্ডের জন্য আমি HTML এবং JavaScript ব্যবহার করেছি।

সার্ভারটি চালু হলো। Swagger UI কাজ করছিল। HTML পেজটি কাজ করছিল না। 'Load Expenses' বাটনটি কিছুই করছিল না।

আমি আমার Python কোড চেক করলাম। আমি আমার fetch রিকোয়েস্ট চেক করলাম। কিছুই ভুল মনে হচ্ছিল না।

আমি ব্রাউজার কনসোল খুললাম। আমি একটি লাল রঙের এরর দেখলাম। CORS রিকোয়েস্টটি ব্লক করে দিয়েছিল।

ফ্রন্টএন্ড ব্যবহার করছিল port 3000। ব্যাকএন্ড ব্যবহার করছিল port 8000। ব্রাউজার ভিন্ন ভিন্ন origin দেখতে পাচ্ছিল। এটি কানেকশনটি ব্লক করে দিল।

আমি আমার FastAPI কোডে CORSMiddleware যোগ করলাম। আমি http://127.0.0.1:3000 origin-টিকে অনুমতি দিলাম। এররটি চলে গেল।

আপনার জন্য কিছু শিক্ষা:

উৎস: https://dev.to/bynilotpal/my-first-cors-error-in-fastapi-2hf6