فيما يلي الخطوات الرئيسية لتصحيح أخطاء كورز باستخدام أدوات مطور المستعرض:
1. افتح أدوات المطور: في معظم المتصفحات ، يمكنك فتح أدوات المطور عن طريق الضغط على F12 أو Ctrl+Shift+I. هذا سوف يفتح لوحة أدوات المطور.
2. انتقل إلى علامة تبويب الشبكة: ابحث عن علامة التبويب "الشبكة" في أدوات المطور وانقر عليها. سيوضح لك هذا جميع طلبات الشبكة المقدمة من الصفحة.
3. حدد طلب الفشل في الكورس: ابحث عن أي طلبات فاشلة يتم تسليط الضوء عليها باللون الأحمر. هذه هي على الأرجح طلبات الفشل.
4. فحص رؤوس الطلب: انقر على الطلب الفاشل لرؤية المزيد من التفاصيل. ثم ، انتقل إلى علامة التبويب "الرؤوس" لتفقد رؤوس الطلب والاستجابة.
5. تحقق من الرؤوس المتعلقة بـ CORS: ابحث عن الرؤوس التالية:
- "الأصل": يجب أن يكون هذا المجال من أين يأتي طلبك.
-`` accountrol-request-method `: يجب أن تكون هذه طريقة HTTP التي يحاول طلبك استخدامها.
-"الوصول إلى السيطرة على الأوليجين: يجب أن يكون هذا هو نفس رأس" الأصل "أو"*".
-`` access-control-lebaming methods `: يجب أن يتضمن هذا إما الطريقة من" الوصول إلى مرحلة الوصول--أو يكون "*".
6. تفسير الرؤوس: إذا لم تكن الرؤوس ذات الصلة بـ CORS موجودة أو قيمها ليست ما تتوقعه ، فمن المحتمل ألا يتم تكوين الخادم بشكل صحيح للتعامل مع طلبات CORS.
7. حل المشكلة: استنادًا إلى رؤوس CORS المفقودة أو غير الصحيحة ، ستحتاج إلى تحديث تكوين الخادم لإرسال رؤوس CORS المناسبة. قد يتضمن ذلك تحديث رمز من جانب الخادم أو إعدادات الولادة الوكيل/التحميل.
باستخدام أدوات مطور المستعرض لتفقد رؤوس الطلب ورؤوس الاستجابة ، يمكنك تحديد السبب الجذري لمشكلة CORS واتخاذ الخطوات اللازمة لحلها.
الاستشهادات:[1] https://www.anycode.ai/tutorial/how-to-debug-javascript-cors-issues-use-the-browser-s-network-panel-to-inspect-http-headers
[2] https://stackoverflow.com/questions/20032037/way-to-debug-cors-errors
[3]
[4]
[5] https://developer.genesys.cloud/forum/t/cors-error-in-dev-tools/7970