تم حظر الوصول من الأصل "https://example.com" على الرغم من أنني سمحت بـ "https://example.com/"

عند محاولة الوصول إلى مصدر مشترك للموارد، غالبًا ما يواجه المطورون مشكلات تتعلق برأس Access-Control-Allow-Origin. يكمن مفتاح حل هذه المشكلات في فهم المعنى الدقيق لكلمة "الأصل" في سياق بروتوكول CORS.

مفهوم المنشأ في CORS

في CORS، الأصل هو مزيج من المخطط والمضيف (المجال) والمنفذ. والأهم من ذلك أنه لا يتضمن المسار. لذلك، يعتبر الأصلان التاليان مختلفين:

https://example.com
• https://example.com/path/to/resource

المشكلة: الخطوط المائلة اللاحقة في الأصول

تنشأ المشكلة في هذه الحالة تحديدًا من سوء فهم تعريف الأصل. على وجه التحديد، لا يُسمح بالشرطة المائلة اللاحقة في الأصل المسموح به وفقًا لمواصفات بروتوكول CORS. ونتيجة لذلك، فإن رأس الأصل الذي يرسله المتصفح (بدون الشرطة المائلة اللاحقة) لا يتطابق مع الأصل المسموح به الذي تم تكوينه على الخادم.

الحل: إزالة الشرطة المائلة اللاحقة من الأصل المسموح به

لحل هذه المشكلة، ما عليك سوى إزالة الشرطة المائلة اللاحقة من قيمة الأصل المسموح بها في تكوين CORS الخاص بك. في هذه الحالة، سيكون الأصل الصحيح المسموح به هو:

https://googledocs-clone-sbayrak.netlify.app

مع هذا التعديل، سيتم تغيير رأس المتصفح الأصلي سوف يتطابق مع الأصل المسموح به، وسيتم السماح بـ CORS بنجاح.