在nuxt中创建默认和错误布局的文件夹

Question

我在nuxt应用程序中具有不同的错误样式和默认布局。因此，我想为它们创建单独的CSS文件。为了保持我的代码干净，我想将它们分开作为不同的组件。在我的nuxt应用程序中，可以为这些布局使用不同的文件夹吗？

Answer 1

您可以根据文档创建不同的布局：https://nuxtjs.org/guide/views#layouts。

[我还在GitHub上发现了一个描述更改的问题，您也可以在layouts目录内创建子文件夹。

可能的页面结构：

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

在page组件内部，您可以使用以下布局：

export default {
  layout: 'error/layout'
}

对于错误页面，可以使用特殊布局：https://nuxtjs.org/guide/views/#error-page

让我知道您是否还有其他意思。