Как исправить неудачную переадресацию на Netlify

Последнее обновление 12.01.2023 — Василий Иванов

Netlify — это бесплатная платформа, которую вы можете использовать для размещения своего веб-сайта. Одной из функций, которые он предлагает, является интеграция с хостами контроля версий, такими как GitHub и Bitbucket. Он использует исходный код из существующего репозитория для размещения вашего веб-сайта.

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

Вы можете решить эту проблему с небольшой настройкой веб-сайта.

Хостинг веб-сайта с использованием Netlify

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

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

Ошибка сбоя перенаправления на Netlify

Netlify генерирует случайное доменное имя для вашего сайта. Если вы размещаете свой сайт впервые, возможно, вы не сможете просматривать свой сайт с этого URL-адреса. Вместо этого вы можете столкнуться с ошибкой «Страница не найдена».

Эта ошибка может возникнуть, если вы не указали редиректы для своего сайта. В этом случае, когда вы открываете URL-адрес своего веб-сайта, Netlify не знает, на какую страницу перенаправить изначально. Вместо этого он выдает ошибку 404, а не отображает домашнюю страницу.

Исправление проблемы с ошибкой перенаправления

Вы можете создать множество правил перенаправления на основе кода состояния HTTP, сгенерированного в ответе на запрос. Чтобы исправить эту конкретную ошибку, вам нужно будет указать только одно правило перенаправления. Это правило будет перенаправлять запросы на вашу домашнюю страницу.

Перенаправление на вашу домашнюю страницу с помощью файла _redirects

Один из вариантов — добавить правило перенаправления в файл _redirects в вашем каталоге публикации.

1. Перейдите в каталог публикации вашего проекта, в котором хранятся файлы созданного вами веб-сайта. Например, в приложении React это будет ваша общая папка. В приложении Angular вы можете перейти в папку src (отсюда файлы копируются в папку dist).
2. Создайте новый файл с именем _redirects. Файл _redirects не имеет расширения.
3. Добавьте правило перенаправления для перенаправления запросов на вашу домашнюю страницу. Например, приведенный ниже код будет перенаправлять запросы на index.html:

   /*    /index.html    200

4. Если вы используете Angular, вам также следует добавить файл _redirects в массив активов в файле angular.json:

   {
       "assets": [
           "src/favicon.ico",
           "src/assets",
           {
               "glob": "_redirects",
               "input": "src",
               "output": "/"
           }
       ]
   }

Укажите перенаправления с помощью файла netlify.toml

Кроме того, вы также можете указать перенаправления с помощью файла netlify.toml.

1. Создайте файл netlify.toml в вашем каталоге публикации или корневом каталоге, в зависимости от используемой вами инфраструктуры.
2. Добавьте правило для перенаправления всех запросов на вашу домашнюю страницу.

   [[redirects]]
     from = "/*"
     to = "/index.html"
     status = 200

Повторное развертывание вашего сайта на Netlify

После того, как вы настроили перенаправление, вы можете повторно развернуть свое приложение на Netlify.

1. На странице «Развертывание» вашего веб-сайта в Netlify нажмите «Настройки развертывания».
2. Убедитесь, что вы настроили правильный каталог публикации в настройках сборки.
3. Отправьте новые изменения кода, включая файл _redirects или netlify.toml, в свой репозиторий.
4. Это должно автоматически инициировать развертывание. Если нет, перейдите на страницу своего веб-сайта в Netlify и нажмите «Запустить развертывание» и «Развернуть сайт».
5. Дождитесь окончания сборки.
6. Откройте URL-адрес, чтобы просмотреть свой веб-сайт. Теперь он должен перенаправить на вашу домашнюю страницу.

Размещение вашего веб-сайта в Интернете

Вы можете указать перенаправления на свой веб-сайт, добавив их в файл _redirects или netlify.toml. Это будет перенаправлять запросы на домашнюю страницу вашего сайта, а не на ошибку 404 Страница не найдена.

Если вы не хотите использовать доменное имя, которое генерирует Netlify, вы можете купить собственное доменное имя. Затем вы можете настроить это доменное имя для работы с Netlify. Есть много инструментов, которые вы можете использовать, чтобы помочь вам создать доменное имя, которое подходит именно вам.