JavaScript-এ CORS ত্রুটি কীভাবে ঠিক করবেন: একটি সম্পূর্ণ গাইড

CORS (Cross-Origin Resource Sharing) errors হল সবচেয়ে সাধারণ হতাশাগুলির মধ্যে একটি যা developers রা web applications তৈরি করার সময় সম্মুখীন হন। যদি আপনি সেই ভয়ঙ্কর বার্তা No Access-Control-Allow-Origin header is p দেখে থাকেন

CORS বোঝা

CORS হল একটি নিরাপত্তা বৈশিষ্ট্য যা browsers দ্বারা প্রয়োগ করা হয় ক্ষতিকারক websites কে বিভিন্ন domains এ সংস্থানগুলিতে অ্যাক্সেস করা থেকে বিরত রাখতে। যখন আপনার JavaScript code একটি ভিন্ন origin থেকে ডেটা fetch করার চেষ্টা করে (d

সমাধান ১: আপনার Server Configure করুন

🎨 AI Generated: সমাধান ১: আপনার Server Configure করুন

সঠিক সমাধান হল আপনার server কে উপযুক্ত CORS headers অন্তর্ভুক্ত করার জন্য configure করা। Express.js এর জন্য:

const cors = require( cors ); app.use(cors());

অথবা manually headers যোগ করুন:

res.setHeader( Access-Control-Allow-Origin , * ); res.setHeader( Access-Control-Allow-Methods , GET, POST, PUT, DELETE );

সমাধান ২: একটি Proxy ব্যবহার করুন

Development এর সময়, আপনার package.json এ একটি proxy configure করুন:

proxy : http://localhost:5000

অথবা CORS সীমাবদ্ধতা বাইপাস করতে একটি development proxy server ব্যবহার করুন।

সমাধান 3: JSONP (Legacy)

🎨 AI Generated: সমাধান 3: JSONP (Legacy)

শুধুমাত্র GET requests এর জন্য, JSONP CORS এর সমাধান করতে পারে, যদিও এটি মূলত পুরানো এবং কম নিরাপদ।

সমাধান 4: Browser Extensions (শুধুমাত্র Development এর জন্য)

টেস্টিংয়ের জন্য CORS browser extensions ইনস্টল করুন, কিন্তু production-এ এগুলোর উপর কখনো নির্ভর করবেন না।

Best Practices

🎨 AI Generated: Best Practices

• Wildcards (*) ব্যবহার করার পরিবর্তে সুনির্দিষ্ট origins উল্লেখ করুন
• শুধুমাত্র প্রয়োজনীয় HTTP methods অনুমতি দিন
• Preflight OPTIONS requests সঠিকভাবে handle করুন
• Security implications না বুঝে production-এ কখনও CORS disable করবেন না