Блог

Главная - Вопросы по программированию - Пользовательская страница 404 Nextjs не отображается при доступе к недопустимому URL-адресу в netlify

Пользовательская страница 404 Nextjs не отображается при доступе к недопустимому URL-адресу в netlify

#javascript #reactjs #next.js #http-status-code-404 #netlify

Вопрос:

Я создал 404.js файл в папке /pages в моем проекте Nextjs страница 404 отлично работает при вводе ошибки или недопустимого URL-адреса в локальном, но при его развертывании в netlify отображается страница ошибки netlify по умолчанию.

введите описание изображения здесь

подробная информация о версии

 "next": "^10.0.4", 
"react": "17.0.2",

Попробовал правило перенаправления netlify, но ничего не произошло

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

Ответ №1:

Я нашел два решения на этой странице = > >https://www.netlify.com/blog/2019/01/16/redirect-rules-for-all-how-to-configure-redirects-for-your-static-site/

  1. Я добавил _redirects файл в папку /public, например /public/_redirects. Затем я вставил /* /index.html 200 в файл _redirects.

повторно разверните свое приложение, и все будет готово

Или второй способ:

  1. Добавьте netlify.toml файл в корневой каталог вашего проекта и вставьте в: 
     [[redirects]]
   from = "/*"
   to = "/"
   status = 200

повторно разверните свое приложение, и все будет готово

Комментарии:

1. Эй @MarioG8 спасибо за ответ, я получил исправление, связанное с вашим ответом, оно работает. Я добавил его как A2A.

2. добро пожаловать 😉 с наилучшими пожеланиями !

Ответ №2:

Я нашел решение, когда случайно изменил правило перенаправления, основанное на этой статье https://docs.netlify.com/routing/redirects/#syntax-for-the-netlify-configuration-file

Вот мое исправление, оно работает при повторном переводе после.

Создайте файл netlify.toml в каталоге проекта и вставьте ниже код.

 [[redirects]]
  from = "/*"
  to = "/404"
  status = 404
Метки: