כיצד לתקן הפניה מחדש כושלת ב-Netlify

Netlify היא פלטפורמה חינמית שבה אתה יכול להשתמש כדי לארח את האתר שלך. אחת התכונות שהיא מציעה היא אינטגרציה עם מארחי בקרת גרסאות כמו GitHub ו-Bitbucket. הוא משתמש בקוד מקור ממאגר קיים כדי לארח את האתר שלך.

כאשר אתה מארח לראשונה את האתר שלך, אתה עלול להיתקל בבעיה שבה אינך יכול לצפות בו באמצעות כתובת האתר שלו. זה קורה כאשר Netlify לא מפנה אוטומטית לאינדקס או לדף הנחיתה שלך.

אתה יכול לתקן בעיה זו עם מעט תצורת אתר אינטרנט.

אחסון אתר באמצעות Netlify

אתה יכול להשתמש בערימות טכנולוגיות שונות ב-Netlify מ מסגרת מבוססת TypeScript, Angular, ל מחולל אתרים סטטי, הוגו. בעמוד הראשי של חשבון Netlify שלך, תוכל להציג רשימה של כל האתרים שאתה מארח. אתה יכול גם להתעמק כדי לראות כל פריסה או פרטי בנייה עבור כל אתר.

כאשר אתה מארח לראשונה את האתר שלך, תצטרך להגדיר כמה הגדרות. זה כולל את הפקודה build ואת ספריית הפרסום. בהנחה שכל הגדרות התצורה שלך נכונות, Netlify תפעיל פריסה לאירוח האתר שלך.

שגיאת הפניות נכשלות ב-Netlify

Netlify מייצר שם דומיין אקראי עבור האתר שלך. אם זו הפעם הראשונה שאתה מארח את האתר שלך, ייתכן שלא תוכל לצפות באתר שלך מכתובת אתר זו. במקום זאת, אתה עלול להיתקל בשגיאה "דף לא נמצא".

שגיאה זו יכולה להתרחש כאשר לא ציינת הפניות מחדש עבור האתר שלך. במקרה זה, כאשר אתה פותח את כתובת האתר לאתר שלך, Netlify לא יודע לאיזה עמוד להפנות בהתחלה. במקום זאת, הוא מגיש שגיאת 404, במקום להציג את דף הבית.

תיקון בעיית ההפניה מחדש הכושלת

אתה יכול ליצור כללי הפניה רבים בהתבסס על קוד מצב HTTP נוצר בתגובה לבקשה. כדי לתקן את השגיאה הספציפית הזו, תצטרך לציין רק כלל אחד להפניה מחדש. כלל זה יפנה בקשות לדף הבית שלך.

הפנה מחדש לדף הבית שלך באמצעות קובץ _redirects

אפשרות אחת היא להוסיף את כלל ההפניה ל-a _הפניות מחדש קובץ בספריית הפרסום שלך.

1. נווט אל ספריית הפרסום של הפרויקט שלך, המאחסנת את קבצי האתר הבנויים שלך. לדוגמה, באפליקציית React, זו תהיה שלך פּוּמְבֵּי תיקייה. באפליקציית Angular, אתה יכול לנווט אל src תיקייה (הקבצים מועתקים מכאן אל שלך dist תיקייה).
2. צור קובץ חדש בשם _redirects. לקובץ _redirects אין סיומת קובץ.
3. הוסף כלל הפניה להפניה מחדש של בקשות לדף הבית שלך. לדוגמה, הקוד שלהלן יפנה בקשות ל-index.html:

   /* /index.html 200

4. אם אתה משתמש ב-Angular, עליך להוסיף גם את הקובץ _redirects ל- נכסים מערך אצלך angular.json קוֹבֶץ:

   {
   "נכסים": [
   "src/favicon.ico",
   "src/assets",
    {
   "גלוב": "_הפניות מחדש",
   "קֶלֶט": "src",
   "תְפוּקָה": "/"
    }
    ]
   }

ציין הפניות מחדש באמצעות הקובץ netlify.toml

לחלופין, אתה יכול גם לציין הפניות מחדש באמצעות a netlify.toml קוֹבֶץ.

1. צור קובץ netlify.toml בספריית הפרסום או בספריית השורש שלך, בהתאם למסגרת שבה אתה משתמש.
2. הוסף כלל כדי להפנות את כל הבקשות לדף הבית שלך.

   [[הפניות מחדש]]
    מ = "/*"
    ל= "/index.html"
    סטטוס = 200

פריסה מחדש של האתר שלך ב-Netlify

לאחר שתגדיר את ההפניה מחדש, תוכל לפרוס מחדש את האפליקציה שלך ב-Netlify.

1. באתר שלך לפרוס עמוד ב-Netlify, לחץ על פריס הגדרות.
2. ודא שהגדרת את ספריית הפרסום הנכונה תחת הגדרות בנייה.
3. דחף את השינויים בקוד החדש שלך, כולל _redirects או קובץ netlify.toml, למאגר שלך.
4. זה אמור להפעיל פריסה אוטומטית. אם לא, נווט לדף האתר שלך ב-Netlify ולחץ על פריסת טריגר, ו פריסת אתר.
5. המתן עד שהבנייה תסתיים.
6. פתח את כתובת האתר כדי להציג את האתר שלך. כעת זה אמור להפנות מחדש לדף הבית שלך.

אירוח את האתר שלך באינטרנט

אתה יכול לציין הפניות לאתר שלך על ידי הוספתם לקובץ _redirects או netlify.toml. פעולה זו תפנה מחדש בקשות לדף הבית של האתר שלך, במקום שגיאת 404 עמוד לא נמצא.

אם אינך רוצה להשתמש בשם הדומיין ש-Netlify מייצרת, תוכל לקנות שם דומיין משלך. לאחר מכן תוכל להגדיר את שם הדומיין כך שיעבוד עם Netlify. ישנם כלים רבים שבהם אתה יכול להשתמש כדי לעזור לך ליצור שם דומיין שמתאים לך.

11 העצות הטובות ביותר שיעזרו לך לבחור את שם הדומיין הטוב ביותר

קרא הבא