blocked by CORS policy ترجمتها «انمنع بسبب سياسة CORS»، ومعناها: المتصفح منع صفحتك تقرأ رد سيرفر على دومين ثاني، لأن السيرفر ما قال إنه يسمح لموقعك. الطلب ممكن وصل للسيرفر ورجع، لكن المتصفح رمى الرد.
الترجمة كلمة بكلمة
| الرسالة | الترجمة | إيش تعني |
|---|---|---|
CORS | مشاركة الموارد بين المصادر | قاعدة في المتصفح: الدومين ما يقرأ ردود دومين ثاني إلا بإذنه |
has been blocked by CORS policy | انمنع بسبب سياسة CORS | المتصفح رفض يسلّم الرد لصفحتك |
No 'Access-Control-Allow-Origin' header is present | ما فيه هيدر Access-Control-Allow-Origin | السيرفر ما أرسل الإذن مع الرد |
Response to preflight request doesn't pass access control check | طلب الاستئذان ما نجح | المتصفح سأل السيرفر قبل الطلب (OPTIONS)، والسيرفر ما رد صح |
Failed to fetch | فشل جلب البيانات | الرسالة اللي يشوفها كودك، والسبب الحقيقي في سطر CORS |
وين تشوفها، وليش ما تطلع بالعربي
في Console (اضغط F12)، سطر أحمر طويل. وحتى لو لغة Chrome عربي، بتشوفها بالإنجليزي، لأنها رسالة للمطوّرين في Console، مو صفحة خطأ يترجمها المتصفح.
أهم نقطة: CORS قاعدة في المتصفح، مو في السيرفر. لهذا نفس الطلب يشتغل من Postman أو من سيرفر، ويفشل من صفحتك.
مشكلتك ولا مشكلة الموقع؟
- إذا أنت زائر: ما فيه شي تسويه من جهازك. المشكلة في إعدادات الموقع.
- إذا الموقع موقعك: أشهر سبب إن الواجهة على دومين والـ API على دومين ثاني، والسيرفر ما انضبط يسمح لدومين الإنتاج، فيشتغل في المعاينة ويتعطّل على دومينك. وانتبه: أحيانًا السيرفر انهار بخطأ 500، والرد طلع بدون هيدرات CORS، فيبان لك خطأ CORS والمشكلة الحقيقية في السيرفر.
إيش تكتب لـ Lovable أو Bolt أو Cursor
الاقتراحات اللي تجي كثير: mode: 'no-cors'، أو إضافة متصفح تلغي CORS، أو سيرفر يسمح لأي دومين مع بيانات الدخول. الأول يرجّع رد فاضي، والثاني يشتغل عندك فقط، والثالث يخلّي أي موقع يقرأ بيانات مستخدمك. انسخ سطر Console كامل، وحالة طلب OPTIONS من Network، وانسخ هذا:
The browser blocks a request with: "<paste the full CORS line from Console>".
Page origin: <https://my-site.com>. Request URL: <https://api...>.
Network tab: the OPTIONS request returns <status>; the real request returns <status>.
Fix it on the server: allow exactly my production origin (and the preview origin if needed),
answer OPTIONS correctly, and add the CORS headers to error responses too.
Do not use mode: 'no-cors', do not reflect any origin with credentials, and do not use * with cookies.الحل خطوة بخطوة
كيف تتأكد بنفسك، والسبب اللي يفوت كثير (التحويل)، والحل الصح، في درس خطأ CORS: No 'Access-Control-Allow-Origin' header وحله. وإذا الرسالة اللي عندك Failed to fetch بدون سطر CORS، شوف معنى Failed to fetch.
وإذا CORS يطلع على دومينك بعد الإطلاق وعملاؤك ما يقدرون يستخدمون المنتج، حل مشاكل تطبيقك يبدأ بتشخيص مكتوب قبل أي تعديل.