خالد مرتضى نشر 1 سبتمبر 2021 أرسل تقرير مشاركة نشر 1 سبتمبر 2021 عندما احاول ارسال طلب من react الى node js تاتينى هذه الرسالة Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 شرف الدين حفني نشر 1 سبتمبر 2021 أرسل تقرير مشاركة نشر 1 سبتمبر 2021 هذا الخطأ يُسمى CORS (خطأ اشتراك المصادر في الموارد) هذا الخطأ يحدث عندما يحاول موقع الوصول إلى موارد موجودة على نطاق أخر غير نطاقه, ولحل هذه المشكلة نتبع الخطوات الأتية : تثبيت الcors module npm i cors نقوم بإستدعاؤه const express = require('express') const cors = require('cors') const app = express() نقوم بوضعه كبرمجية وسيطة(middleware) app.use(cors({ origin: '*' })) إذا كنت تريد ان تجعل الapi متاحة لنطاقات معينة فلتمسح علامة ال* وضع بدلاً منها النطاقات اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Hassan Hedr نشر 1 سبتمبر 2021 أرسل تقرير مشاركة نشر 1 سبتمبر 2021 (معدل) يمكنك تجاوز هذا الخطأ أيضا بتعديل ملف package.json لتطبيق React وإضافة عنونا الوجهة التي ترسل اليها الطلبات كالتالي { ... "proxy": "http://localhost:4000", //رابط لعنوان الوجهة التي ترسل اليها الطلبات } ومن ثم اعادة تشغيل التطبيق، سيقوم React بإنشاء مخدم محلي يستقبل جميع طلبات تطبيقك ومن ثم اعادة ارسالها لعنوان الوجهة السابق (نقوم بهذا الحل فقط في طور التطوير) يفيد بتجاوز منع المتصفح تطبيقك من ارسال طلبات لنطاق مختلف عن نطاقك المحلي تم التعديل في 1 سبتمبر 2021 بواسطة Hassan Hedr اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
خالد مرتضى
عندما احاول ارسال طلب من react الى node js تاتينى هذه الرسالة
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.