Статический сайт Nuxt.js и страница 404

В настоящее время я создал файл pages/404.vue, затем в настройках моего сервера я перенаправляю любой несуществующий URL-адрес на /404.html (сгенерированную страницу).

Помимо того, что мне нужно объявить расширение файла (это дает мне ошибку перенаправления, если я перенаправляю на / 404), он, кажется, работает нормально, и я думаю, это также даст мне простой способ создать другие файлы ошибок сервера, если это необходимо.

Однако, следуя документации, я сначала попытался добавить fallback: true внутрь generate:{ }. Это создает страницу 404.html в моем корне, но с использованием макета Nuxt по умолчанию (страница с бесконечным колесом загрузки).

Я предположил, что создание layouts/error.vue (согласно документации) поможет, но, похоже, это не так.

Какова правильная практика и, если следовать документации, почему мой персональный error.vue не работал? Спасибо.


person Saro    schedule 18.02.2020    source источник
comment
Есть новости по этому поводу?   -  person Diogo Silva    schedule 26.12.2020


Ответы (2)


Чтобы сгенерировать резервную страницу 404 в nuxt.js, вам необходимо сначала установить опцию генерации в вашем nuxt.config.js, как это generate: { fallback: '404.html' }

Затем вам нужно создать новый макет с именем error.vue в каталоге макетов.

layouts/error.vue

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

person Baker Web Solutions    schedule 05.10.2020

Ответов не получено.

Я удалил pages/404.vue в конце и создал его как layouts/error.vue

error.vue по некоторым причинам выдавал мне ошибки, связанные с default.vue, поэтому я создал макет layouts/basic.vue как (почти) пустой контейнер для error.vue.

Страница ошибки теперь работает во время разработки и во время локального тестирования нового nuxt start на полном статическом сайте (начиная с Nuxt 2.13), но все еще не на рабочем сайте, что я проверю, связано ли это с настройками сервера.

person Saro    schedule 31.07.2020
comment
Удалось ли вам найти обходной путь? - person user805981; 02.04.2021