создание папки по умолчанию и расположение ошибок в nuxt

Question

У меня есть разные стили для ошибок и макет по умолчанию в моем приложении nuxt. В связи с этим я хочу создать для них отдельные css файлы. Чтобы сохранить мой код в чистоте, я хочу разделить их как разные компоненты. Возможно ли иметь разные папки для этих макетов в моем приложении nuxt?

Answer 1

Я создал папку с именем error в папках макета, чтобы сделать ее похожей на компонент. но это не сработало. Другой вариант для меня - создать компонент ошибки в папке компонентов и импортировать его в макет ошибки. Это было лучшее из возможных решений для меня. Надеюсь, что это работает для других.

Answer 2

Вы можете создавать различные макеты в соответствии с документами: https://nuxtjs.org/guide/views#layouts.

Я также обнаружил проблему на GitHub, где описано изменение, что вы также можете создавать подпапки внутри каталог раскладок.

Возможная структура страницы:

layouts
|-- default
    |-- layout.vue
|-- error
    |-- layout.vue

Внутри page компонента вы можете использовать эти раскладки следующим образом:

export default {
  layout: 'error/layout'
}

Для страниц с ошибками есть специальный макет, который вы можете использовать: https://nuxtjs.org/guide/views/#error -страница

Дайте мне знать, если вы имели в виду что-то еще.