أواجه مشكلة في تطبيق ويب يستخدم جافا سكريبت وجملة fetch() لإجراء طلبات HTTP إلى خادم مختلف. عند محاولة إرسال الطلب، يظهر الخطأ التالي في وحدة التحكم بالمتصفح:
Access to fetch at 'https://example.com/api/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
كيف يمكنني حل مشكلة CORS هذه؟
هذه المشكله شائعه و السبب الرئيسي لحدوث مشكلة CORS هو سياسات الأمان التي يتم تطبيقها على الخادم الذي تحاول الوصول إليه. عادة ما يتم تكوين الخواص CORS على الخادم للسماح أو منع الوصول إلى الموارد من مصادر مختلفة.
في معظم الحالات، يتم تعيين رأس Access-Control-Allow-Origin على الخادم ليحدد النطاقات المسموح لها بالوصول إلى الموارد كمثال، إذا كنت تحاول الوصول إلى هذه الرابط https://example.com، يجب أن يتم تعيين الرأس Access-Control-Allow-Origin على الخادم
و لحل هذه المشكله يمكنك تعديل ملف .