كيفية إصلاح فشل إعادة التوجيه على Netlify

Netlify هو نظام أساسي مجاني يمكنك استخدامه لاستضافة موقع الويب الخاص بك. تتمثل إحدى الميزات التي يقدمها في التكامل مع مضيفي التحكم في الإصدار مثل GitHub و Bitbucket. يستخدم كود المصدر من مستودع موجود لاستضافة موقع الويب الخاص بك.

عند استضافة موقعك لأول مرة ، قد تواجه مشكلة حيث يتعذر عليك مشاهدته باستخدام عنوان URL الخاص به. يحدث هذا عندما لا يقوم Netlify بإعادة التوجيه تلقائيًا إلى الفهرس أو الصفحة المقصودة.

يمكنك إصلاح هذه المشكلة باستخدام جزء صغير من تكوين موقع الويب.

استضافة موقع باستخدام Netlify

يمكنك استخدام حزم تقنية مختلفة على Netlify من إطار عمل قائم على TypeScript ، Angular، إلى مولد موقع ثابت ، هوغو. في الصفحة الرئيسية لحساب Netlify الخاص بك ، يمكنك عرض قائمة بجميع مواقع الويب التي تستضيفها. يمكنك أيضًا التنقل لأسفل لمشاهدة أي نشر أو إنشاء تفاصيل لكل موقع ويب.

عندما تستضيف موقع الويب الخاص بك لأول مرة ، ستحتاج إلى تكوين بعض الإعدادات. يتضمن هذا الأمر build ودليل النشر. بافتراض صحة جميع إعدادات التكوين الخاصة بك ، سيقوم Netlify بعد ذلك بتشغيل عملية نشر لاستضافة موقعك.

فشل عمليات إعادة التوجيه خطأ على Netlify

تقوم Netlify بإنشاء اسم مجال عشوائي لموقعك على الويب. إذا كانت هذه هي المرة الأولى التي تستضيف فيها موقعك ، فقد لا تتمكن من عرض موقع الويب الخاص بك من خلال عنوان URL هذا. بدلاً من ذلك ، قد تواجه خطأ "لم يتم العثور على الصفحة".

يمكن أن يحدث هذا الخطأ عندما لا تحدد عمليات إعادة التوجيه لموقعك على الويب. في هذه الحالة ، عندما تفتح عنوان URL لموقعك على الويب ، لا تعرف Netlify الصفحة التي سيتم إعادة التوجيه إليها في البداية. بدلاً من ذلك ، يعرض الخطأ 404 ، بدلاً من عرض الصفحة الرئيسية.

إصلاح مشكلة إعادة التوجيه الفاشلة

يمكنك إنشاء العديد من قواعد إعادة التوجيه بناءً على ملف رمز حالة HTTP ولدت في الاستجابة لطلب. لإصلاح هذا الخطأ المحدد ، ستحتاج فقط إلى تحديد قاعدة إعادة توجيه واحدة. ستعيد هذه القاعدة توجيه الطلبات إلى صفحتك الرئيسية.

أعد التوجيه إلى صفحتك الرئيسية باستخدام ملف _redirects

أحد الخيارات هو إضافة قاعدة إعادة التوجيه إلى ملف _إعادة التوجيهات ملف في دليل النشر الخاص بك.

1. انتقل إلى دليل النشر الخاص بمشروعك ، والذي يخزن ملفات موقع الويب الخاص بك. على سبيل المثال ، في تطبيق React ، سيكون هذا هو ملف عام مجلد. في تطبيق Angular ، يمكنك الانتقال إلى ملف src المجلد (يتم نسخ الملفات من هنا إلى ملف حي مجلد).
2. قم بإنشاء ملف جديد يسمى _redirects. لا يحتوي الملف _redirects على ملحق ملف.
3. أضف قاعدة إعادة توجيه لإعادة توجيه الطلبات إلى صفحتك الرئيسية. على سبيل المثال ، سيعيد الرمز أدناه توجيه الطلبات إلى index.html:

   / * /index.html 200

4. إذا كنت تستخدم Angular ، فيجب عليك أيضًا إضافة ملف _redirects إلى ملف أصول مجموعة في الخاص بك الزاوي ملف:

   {
   "أصول": [
   "src / favicon.ico",
   "src / الأصول",
    {
   "الكرة الأرضية": "_إعادة التوجيهات",
   "الإدخال": "src",
   "انتاج": "/"
    }
    ]
   }

حدد عمليات إعادة التوجيه باستخدام ملف netlify.toml

بدلاً من ذلك ، يمكنك أيضًا تحديد عمليات إعادة التوجيه باستخدام ملف netlify.toml ملف.

1. قم بإنشاء ملف netlify.toml في دليل النشر أو الدليل الجذر ، اعتمادًا على إطار العمل الذي تستخدمه.
2. أضف قاعدة لإعادة توجيه جميع الطلبات إلى صفحتك الرئيسية.

   [[عمليات إعادة التوجيه]]
    من = "/*"
    إلى = "/index.html"
    الحالة = 200

إعادة نشر موقع الويب الخاص بك على Netlify

بمجرد قيامك بإعداد إعادة التوجيه الخاصة بك ، يمكنك إعادة نشر التطبيق الخاص بك على Netlify.

1. على موقع الويب الخاص بك نشر صفحة على Netlify ، انقر فوق نشر الإعدادات.
2. تأكد من تكوين دليل النشر الصحيح ضمن بناء الإعدادات.
3. ادفع تغييرات التعليمات البرمجية الجديدة ، بما في ذلك ملف _redirects أو ملف netlify.toml ، إلى المستودع الخاص بك.
4. يجب أن يؤدي هذا تلقائيًا إلى بدء النشر. إذا لم يكن كذلك ، فانتقل إلى صفحة موقع الويب الخاص بك على Netlify وانقر فوق نشر الزناد ، و نشر الموقع.
5. انتظر حتى ينتهي البناء.
6. افتح عنوان URL لعرض موقع الويب الخاص بك. يجب الآن إعادة التوجيه إلى صفحتك الرئيسية.

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

يمكنك تحديد عمليات إعادة التوجيه إلى موقع الويب الخاص بك عن طريق إضافتها إلى ملف _redirects أو netlify.toml. سيؤدي هذا إلى إعادة توجيه الطلبات إلى الصفحة الرئيسية لموقع الويب الخاص بك ، بدلاً من الخطأ 404 لم يتم العثور على الصفحة.

إذا كنت لا تريد استخدام اسم المجال الذي تنشئه Netlify ، فيمكنك شراء اسم المجال الخاص بك. يمكنك بعد ذلك تكوين اسم المجال هذا للعمل مع Netlify. هناك العديد من الأدوات التي يمكنك استخدامها لمساعدتك في إنشاء اسم المجال المناسب لك.

أفضل 11 نصيحة لمساعدتك في اختيار أفضل اسم المجال

اقرأ التالي