Ahmed Naseem

بتاريخ 3 دقائق مضت قال محمد_عاطف:

ان مشكلة ال cors تحدث حيث ان السيرفر لا يسمح باستقبال الطلبات من خارج الخادم وذلك لتوفير امان المعلومات ومنع قراءة المعلومات من مصادر مجهولة.

واذا كنت تستعمل nodejs فان الامر سهل يمكنك كتابة هذه الاسطر فى ملف السيرفر للسماح بتنفيذ الطلبات من اى مصدر .

const cors = require('cors');


app.use(cors());

 

الان انا استخدم Nuxt 3 فماذا الحل ؟

أواجه مشكلة في تطبيق ويب يستخدم جافا سكريبت وجملة 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 هذه؟

ابدأ اولا بأختيار المجال الخاص بك Font او Back .. انصحك ب Front End .. تبدأ ب HTML/HTML5 >> CSS/CSS3 >> ومن ثم قم بعمل تطبيقات كثيره عليهم لكي تتقنهم ومن ثم قم بتعلم جافا سكربت لكي تقدر علي عمل موقع دينامكي وغير ثابت تعلم الاساسيات ثم انتقل ال Document Object Model ومن ثم انتقل ال Browser Object Model .. قم بعمل تطبيقات كثيره حتي تشعر انك قادر علي عمل جميع الاشياء بيها .. انتقل ال ES6 لكي تحصل علي المميزات الخاص بها من ال Loop وال فيلتر وهكذا ثم انتقل الي Api ك JSON , Ajax .. ثم OOP ثم انتقل الي الفرييم وورك واهم شيئ الصبر في المجال .. واتمني لك التوفيق