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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   /* /index.html 200

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

   {
   "ресурсы": [
   "источник/favicon.ico",
   "источник/активы",
    {
   "шарик": "_перенаправляет",
   "вход": "источник",
   "выход": "/"
    }
    ]
   }

Укажите перенаправления с помощью файла 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 лучших советов, которые помогут вам выбрать лучшее доменное имя

Читать далее