تصحيح: لا يوجد خطأ في رأس التحكم في الوصول - السماح - الأصل في Angular

واحدة من أكثر رسائل الخطأ شيوعًا التي يمكن أن يواجهها مطورو Angular في عملهم اليومي هي: لا يوجد رأس وصول للتحكم في السماح بالأصل موجود على المورد المطلوب.

هذه ليست مشكلة زاوية محددة ، ولكنها مشكلة CORS (مشكلة العنوان. قد يعني ذلك أن الخادم الخلفي قد تم تكوينه للعمل على منفذ أو مجال مختلف.

---

كيف أقوم بإصلاح خطأ عدم التحكم في الوصول على نظام التشغيل Windows 10؟

1. قم بإجراء التغييرات على مستوى الخادم

إذا كان لديك وصول إلى الخادم ، فقم بتمكين طلبات CROS عن طريق إضافة التحكم في الوصول والسماح بالأصل: * رأس. بعد ذلك ، قم بتكوين كورس الدخول تحت system.webServer في web.config ملف ، كما في المثال أدناه.

• ”1.0″?
• تمكين ="حقيقية">
• الأصل =“ https://someorigin.domain.com”>
• طريقة ="احصل على"/>
• طريقة ="رأس"/>
• </system.webServer>

هنا، كورس سوف يسمح احصل على و رأس طلبات من https://someorigin.domain.com/.

أيضًا ، إذا كنت تستخدم IIS (خدمات معلومات الإنترنت) سوف تحتاج إلى تحميل وحدة IIS CORS.

كن حذرًا عند تحديد مجال أو قائمة مجالات بدلاً من *. خلاف ذلك ، سيتم تمكين الطلبات عبر الأصل إلى الخادم من أي مكان.

على اباتشي، في ملف التكوين ، تحتاج إلى إضافة السطر تعيين الرأس Access-Control-Allow-Origin "*". مرة أخرى ، من الحكمة استبدال "*" بقائمة مصادر من حيث سيتم تقديم الطلبات.

---

2. قم بتشغيل الخادم الوكيل الخاص بك

1. أولاً ، سننشئ ملف تكوين وكيل ، في المجلد Angular الجذر ، يسمى src / proxy.conf.json, واكتب فيها الكود التالي:
   • {"/ api":
   • "استهداف":" http://localhost: 6000 "،" secure ": false}
   • }
2. ثانياً ، في آنجular.jsonملف ، أضف ملف proxyConfigالخيار في يخدم استهداف:
   • "يخدم": {
   • "باني":" ",
     
   • "والخيارات":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. الآن قم بتشغيل التكوين الحالي مع ملف يخدم ng أمر.

سيقوم الخادم الوكيل بإعادة توجيه طلباتك إلى الخادم البعيد. بعد ذلك ، سنرى كيفية تكوين خادم وكيل.

طلبات البيانات في Angular هي مكالمات API إلى المضيف المحلي ، على المنفذ 4200 ، مثل هذا الموقع:

• http://localhost: 4200 / api / datareq.

ومع ذلك ، في المثال أعلاه ، افترضنا أن البيانات المطلوبة موجودة في هذا الموقع:

• http://localhost: 6000 / api / datareq.

---

هل أنت مهتم بحلول الوكيل الجيدة؟ تحقق من هذه القائمة من الأدوات المخصصة

---

3. دهي نفس سياسة المنشأ في متصفحك

ملحوظة: لا يُنصح بهذه الطريقة بالذات لأن ذلك قد يعرض متصفحك (ونظامك) لمخاطر أمنية كبيرة.

إذا كان كل شيء آخر لا يعمل ، فيمكنك اللجوء إلى تعطيل سياسة الأصل نفسها في المتصفح. ومع ذلك ، كن حذرًا ، لأن هذا من شأنه أن يعرض متصفحك (ونظامك) لمخاطر أمنية كبيرة.

ل جوجل كروم، في نظام التشغيل Windows 10 ، افتح موجه الأوامر كمسؤول وقم بتشغيل الأمر التالي:

C: ملفات البرامج (x86) GoogleChromeApplicationchrome.exe "--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

ختاما، لا يوجد رأس وصول للتحكم في السماح بالأصل موجود على المورد المطلوب رسالة الخطأ هي مشكلة من جانب الخادم.

بالنسبة لمطوري Angular ، يجب أن يعمل تعديل تكوين الخادم أو استخدام خادم وكيل بشكل جيد.

أخبرنا برأيك في هذا الدليل في قسم التعليقات أدناه.

---

---