Как да поправите неуспешно пренасочване на Netlify

Netlify е безплатна платформа, която можете да използвате за хостване на вашия уебсайт. Една от функциите, които предлага, е интеграция с хостове за контрол на версиите като GitHub и Bitbucket. Той използва изходен код от съществуващо хранилище за хостване на вашия уебсайт.

Когато за първи път хоствате вашия сайт, може да срещнете проблем, при който не можете да го видите чрез неговия URL адрес. Това се случва, когато Netlify не пренасочва автоматично към вашия индекс или целева страница.

Можете да отстраните този проблем с малка част от конфигурацията на уебсайта.

Хостване на уебсайт с помощта на Netlify

Можете да използвате различни технологични стекове на Netlify от Базирана на TypeScript рамка, Angular, да се генератор на статичен сайт, Hugo. На главната страница на вашия акаунт в Netlify можете да видите списък с всички уебсайтове, които хоствате. Можете също да направите разбивка, за да видите подробности за внедряването или изграждането за всеки уебсайт.

Когато за първи път хоствате уебсайта си, ще трябва да конфигурирате няколко настройки. Това включва командата за изграждане и директорията за публикуване. Ако приемем, че всичките ви настройки за конфигурация са правилни, Netlify ще задейства внедряване за хостване на вашия сайт.

Грешка при неуспешно пренасочване на Netlify

Netlify генерира произволно име на домейн за вашия уебсайт. Ако това е първият път, когато хоствате вашия сайт, може да не можете да видите уебсайта си от този URL адрес. Вместо това може да срещнете грешка „Страницата не е намерена“.

Тази грешка може да възникне, когато не сте посочили пренасочвания за вашия уебсайт. В този случай, когато отворите URL адреса на вашия уебсайт, 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/активи",
    {
   "глоб": "_пренасочва",
   "вход": "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. Отворете URL адреса, за да видите уебсайта си. Сега трябва да пренасочи към началната ви страница.

Хостинг на вашия уебсайт онлайн

Можете да посочите пренасочвания към вашия уебсайт, като ги добавите към файл _redirects или netlify.toml. Това ще пренасочи заявките към началната страница на вашия уебсайт, а не грешка 404 Страница не е намерена.

Ако не искате да използвате името на домейна, което Netlify генерира, можете да закупите собствено име на домейн. След това можете да конфигурирате това име на домейн да работи с Netlify. Има много инструменти, които можете да използвате, за да ви помогне да генерирате име на домейн, което е точно за вас.

11-те най-добри съвета, които да ви помогнат да изберете най-доброто име на домейн

Прочетете Следващото