如何将中间件添加到 Nuxt 中的一组路由答案

【问题标题】：How to add middleware to a group of routes in Nuxt如何将中间件添加到 Nuxt 中的一组路由
【发布时间】：2018-09-19 13:47:10
【问题描述】：

根据docs：中间件会按照这个顺序依次执行：

现在我想知道如何将中间件添加到这样的 slug 中的一组页面中：

pages/
--| _slug/
-----| comments.vue
-----| index.vue

我认为有一些选项：

1) 我可以将中间件添加到目录中的每个单独页面，但这并不枯燥。

2) 另一种解决方案是将中间件添加到 nuxt.config.js 并带有路由条件，但这也不是该代码的正确位置，除了它也可以在任何其他路由上运行.

3) 我可以将嵌套路由与仅包含单个 <nuxt-child> 元素的模板一起使用，但我不确定副作用：我还能使用页面组件属性吗？这会将所有内容都嵌套在另一个 DOM 元素中吗？

感谢任何帮助。

【问题讨论】：

标签： nuxt.js

【解决方案1】：

好的，我只是想我的“选项 3”是这里的方法：

创建一个文件_slug.vue 并将其添加到与_slug/ 目录处于同一嵌套级别的页面中：

pages/
--| _slug/
-----| comments.vue
-----| index.vue
--| _slug.vue

在_slug.vue 文件中添加中间件属性：

<template>
  <nuxt-child/>
</template>

<script>
export default {
  middleware: 'myslugmiddleware',
}
</script>

【讨论】：