الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

دليل القطع المائلة

هل لديك مشاكل في القطع المدمجة بعد نشر موقع ويب ثابت في الإنتاج؟

يشرح هذا الريبو في الواقع سلوك:

  • مولدات الموقع الثابتة
  • مقدمي الاستضافة

نقترح أيضًا بعض الحلول الممكنة

مقدمة

دعونا نتعرف على مشاكل القطع المائلة.

المشاكل الشائعة :

  • SEO /perf مشكلات: عند التصفح /myPath ، يعيد مضيفك توجيه إلى /myPath/
  • 404 القضايا: يتم حل الرابط النسبي مثل <a href="otherPath"> بشكل مختلف ( /otherPath أو /myPath/otherPath اعتمادًا على وجود /عدم وجود مقطع شرطة مقطع زائدة
  • مشكلات UX: يضيف مضيفك مقطعًا مائلًا ، وبعد ذلك يزيل جهاز التوجيه الواجب التالفة من صفحة واحدة ، مما يؤدي إلى تجربة مربكة وعنوان URL

الأسباب :

  • يمكن لمولدات الموقع الثابتة أن تنبعث منها ملفات مختلفة لنفس المسار /myPath : /myPath.html أو /myPath/index.html (يمكن أن يؤدي لاحقًا إلى مائل إضافي)
  • جميع مزودي المضيف لديهم سلوك مختلف عند تقديم ملفات ثابتة ، لا يوجد معيار

ملخص

النظر في هذا الموقع الثابت: 

static
│
├── file.html
│
├── folder
│   └── index.html
│
├── both.html
└── both
    └── index.html

سلوك مختلف مقدمي الاستضافة الثابتة:

يستضيف إعدادات عنوان URL /ملف /ملف/ /file.html /مجلد /المجلد/ /folder/index.html /كلاهما /كلاهما/ /both.html /both/index.html
صفحات جيثب وصلة ✅ ؟ 404 ✅ ➡ /المجلد / ✅ ✅ ✅ ✅ ✅ ✅
NetLify الافتراضي: عناوين URL جميلة وصلة ✅ ➡ /ملف ✅ ➡ /المجلد / ✅ ✅ ✅ ➡ /كلاهما ✅ ✅
NetLify عناوين URL جميلة وصلة ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
Vercel الافتراضي: CleanUrls = false trailingslash = غير محدد وصلة ؟ 404 ؟ 404 ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
Vercel CleanUrls = false trailingslash = false وصلة ؟ 404 ؟ 404 ✅ ✅ ➡ /المجلد ✅ ✅ ➡ /كلاهما ✅ ✅
Vercel cleanUrls = trailingslash = true وصلة ؟ 404 ؟ 404 ✅ ➡ /المجلد / ✅ ✅ ➡ /كلاهما / ✅ ✅ ✅
Vercel CleanUrls = true trailingslash = غير محدد وصلة ✅ ✅ ➡ /ملف ✅ ✅ ➡ /المجلد ✅ ✅ ➡ /كلاهما ➡ /كلاهما
Vercel cleanUrls = true trailingslash = false وصلة ✅ ➡ /ملف ➡ /ملف ✅ ➡ /المجلد ➡ /المجلد ✅ ➡ /كلاهما ➡ /كلاهما ➡ /كلاهما
Vercel CleanUrls = true trailingslash = true وصلة ➡ /ملف / ✅ ➡ /ملف / ➡ /المجلد / ✅ ➡ /المجلد / ➡ /كلاهما / ✅ ➡ /كلاهما / ➡ /كلاهما /
صفحات CloudFlare وصلة ✅ ➡ /ملف ➡ /ملف ➡ /المجلد / ✅ ➡ /المجلد / ✅ ✅ ➡ /كلاهما ➡ /كلاهما /
يجعل وصلة ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
تطبيقات الويب الثابتة Azure وصلة ✅ ➡ /ملف ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

مطلوب مساعدة

دعونا نحافظ على هذا المورد ، ونجعله شاملًا معًا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل