منشئ ومدقق رؤوس CORS
مرشد
منشئ ومدقق رؤوس CORS
قم ببناء ترويسات CORS (Cross-Origin Resource Sharing) الصحيحة باستخدام مُكوِّن مرئي. قم بتعيين المصادر المسموح بها، والأساليب، والترويسات، والبيانات الموثقة، ثم احصل على ترويسات HTTP المولدة ومقتطفات الكود الجاهزة للاستخدام لـ Express.js، و Nginx، و Apache، و Django، و FastAPI، و Flask، و Go. يلتقط التحقق في الوقت الفعلي أخطاء تكوين CORS الشائعة قبل وصولها إلى بيئة الإنتاج.
كيفية استخدام
قم بتكوين سياسة CORS الخاصة بك باستخدام عناصر التحكم في النموذج: اختر وضع المصدر (بدل، مصادر محددة، أو عكس)، وحدد أساليب HTTP المسموح بها، وأضف الترويسات المسموح بها، ومكّن البيانات الموثقة إذا لزم الأمر. تقوم الأداة بتوليد ترويسات Access-Control-* الصحيحة على الفور، وتعرض تحذيرات التحقق من الأخطاء الشائعة، وتوفر مقتطفات كود جاهزة للنسخ لـ 7 أطر عمل للخادم. استخدم قسم شرح CORS لتحديث سريع حول كيفية عمل CORS.
خصائص
- مُكوِّن CORS المرئي — قم بتعيين Access-Control-Allow-Origin (بدل، مصادر محددة، أو عكس)، والأساليب (GET/POST/PUT/PATCH/DELETE/OPTIONS/HEAD)، والترويسات المخصصة، والبيانات الموثقة، والحد الأقصى للوقت، والترويسات المكشوفة.
- توليد الترويسات في الوقت الفعلي — شاهد ترويسات استجابة CORS الكاملة وترويسات الطلب المسبق (OPTIONS) يتم تحديثها فورًا أثناء التكوين.
- 7 مقتطفات لأطر عمل الخادم — كود جاهز للنسخ لـ Express.js، و Nginx، و Apache (.htaccess)، و Django (django-cors-headers)، و FastAPI (CORSMiddleware)، و Flask (flask-cors)، و Go (net/http). يتم إنشاء كل مقتطف ديناميكيًا من التكوين الخاص بك — فقط انسخ والصق في مشروعك.
- التحقق من التكوين — تحذيرات ملونة تلتقط أخطاء CORS الشائعة: بدل + بيانات موثقة (غير صالح)، ترويسة Content-Type مفقودة مع POST، أسلوب OPTIONS مفقود للطلب المسبق، الحد الأقصى للوقت قصير يزيد حركة مرور الطلب المسبق.
- أزرار إضافة الترويسات السريعة — أزرار بنقرة واحدة للترويسات الشائعة: Content-Type، Authorization، X-Requested-With، Accept، Origin.
- ترويسات الطلب المسبق — عرض منفصل لترويسات استجابة الطلب المسبق (OPTIONS) عندما تختلف عن ترويسات CORS العادية.
- شرح CORS — مرجع قابل للطي يغطي الطلبات البسيطة مقابل الطلبات المسبقة، وما الذي يؤدي إلى الطلب المسبق، ودور كل ترويسة، ولماذا يعتبر استخدام البيانات الموثقة + البدل أمرًا غير صالح.
ترويسات CORS مشروحة
Access-Control-Allow-Origin: أي المصادر يمكنها الوصول إلى المورد. يسمح البدل (*) للجميع، أو حدد المصادر الدقيقة.
Access-Control-Allow-Methods: ما هي أساليب HTTP المسموح بها للطلبات عبر المصادر.
Access-Control-Allow-Headers: ما هي ترويسات الطلب التي يُسمح للعميل بإرسالها.
Access-Control-Allow-Credentials: ما إذا كان يجب على المتصفح تضمين ملفات تعريف الارتباط/المصادقة. لا يمكن استخدامه مع مصدر البدل.
Access-Control-Max-Age: مدة تخزين المتصفحات لنتائج الطلبات المسبقة (بالثواني).
Access-Control-Expose-Headers: ما هي ترويسات الاستجابة التي يمكن للمتصفح الوصول إليها من JavaScript.
ما هو CORS ولماذا أحتاجه؟
لماذا لا يمكنني استخدام البدل (*) مع البيانات الموثقة؟
ما هو الطلب المسبق؟
مقتطف كود أي خادم يجب أن أستخدم؟
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
