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

Question

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

Answer 1

我在布局文件夹中创建了一个名为 error 的文件夹，使其像一个组件。但它没有用。我的另一个选择是在组件文件夹中创建一个错误组件并将其导入到错误布局中。这对我来说是最好的解决方案。希望它适用于其他人。

Answer 2

您可以根据文档创建不同的布局：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

如果你的意思是别的，请告诉我。