Страница не найдена при попытке доступа к сайту, развернутому на Netlify

Отказ от ответственности: я работаю в группе поддержки @ Netlify

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

Во-первых, как было предложено (спасибо @aosmith!) BaseURL должен быть установлен на / - это лучшая практика, которая позволит вашему сайту работать локально (http://localhost), но также и на Netlify - через http, https, разверните превью и, наконец, на других хостинг-провайдерах, пока прокси-сервер и т.д. и т.д. Просто сделайте это :)

Во-вторых, вы можете иметь перенаправления не только в _redirects файле, но и в netlify.toml, но я тоже не думаю, что в этом проблема.

Когда вы получаете 404 на свой основной URL, это означает, что у вас нет /index.html. Какова основная причина этого, я не могу сказать (хотя я могу сказать, что Хьюго не любит, когда ваша тема отсутствует и может не создавать контент, который вы ожидаете). Есть два хороших способа выяснить, почему наша сборка не создает index.html в вашей папке публикации (public, в вашем случае и конфигурации hugo по умолчанию):

1. Вы можете загрузить копию любого успешного развертывания со страницы журналов развертывания, как показано на моем снимке экрана, и посмотреть, «что у нас в итоге получилось». Типичные проблемы здесь заключаются в том, что у нас ничего нет (ваша сборка не стала общедоступной / или вы закончили без index.html - поэтому мы правильно показываем 404 без пути)

2. Вы можете следовать инструкциям по отладке, чтобы запустить наш образ сборки локально: https://github.com/netlify/build-image#testing-locally. После сборки вы все еще находитесь в оболочке сборки и можете посмотреть, что находится в вашем каталоге публикации.

Если вы видите ошибку Not Found при прямом переходе к определенному пути, например: https://yourdomain.com/something, это может быть полезно (ReactJS):

В папке public (папка, содержащая index.html) создайте файл с именем _redirects без расширения. Затем введите в него следующее:

/* /index.html 200

Теперь сохраните, зафиксируйте, отправьте и опубликуйте. :)

Причина Not Found заключается в том, что при использовании маршрутизатора, например: React Router, он обрабатывает все маршруты, но когда вы напрямую переходите к конечной точке, netlify должен знать, куда вас перенаправить. Это то, что мы указываем в файле _redirects.

Похоже, я исправил. Я создал новое репо с образцом сайта и начал заменять части этого сайта своими частями, чтобы увидеть, когда он сломается.

Поэтому эту часть config.toml пришлось исключить, чтобы сайт снова развернулся в обычном режиме:

[permalinks]
    post = "/:year/:month/:day/:slug/" 

Я не уверен, почему - он всегда был там, и он работал, когда я создавал свой сайт локально, но не хотел работать, когда я добавил папку public в .gitignore и позволил hugo создать мой сайт.

Есть идеи, почему это так?

Если вы используете Angular 8, вам необходимо указать значение каталога публикации, прочитав сборку angular.json outputPath, которая равна dist/{project-name}, а если вы используете более старые версии, это должно быть dist, которое является значением outDir, из которого вы можете читать. угловой-cli.json.

Для Angular я испытал это, и я обнаружил, что работает следующее:

touch src/_redirects

This file will contain the rule below. It indicates that all requests to the server should be redirected to index.html. We also add a HTTP status code option at the end to indicate that these redirects should return a 200 status. By default, a 301 status is returned.

/*  /index.html 200

The last thing we have to do is add the below option in our angular.json und er projects > {your_project_name} > architect > options > assets. Include it in the assets array:

{
  "glob": "_redirects",
  "input": "src",
  "output": "/"
}

Из https://www.smashingmagazine.com/2020/10/angular-feedback-netlify-forms-edge/

Angular 8, а теперь и Angular 9 публикуются в dist / {имя проекта}, это имя папки для ввода, а не только dist, как в предыдущих выпусках. Если вы укажете только dist, он будет искать index.html в неправильном каталоге, и результатом будет «Страница не найдена».

Столкнулся с этой проблемой. Мое решение заключалось в том, чтобы установить правильный путь сборки для объявления publish внутри файла netlify.toml. Новый процесс автоматического развертывания netlify использует этот файл для развертывания проектов из репозиториев.

назовите свой основной файл HTML как index.html вместо любого другого имени.

Я убедился, что «каталог публикации» и папка сборки названы одинаково. Затем я внес изменения, которые @Adwaith предложил выше. Большое спасибо @Adwaith, ваш вклад был спасением.