Nuxt.js：使用从特定路由到所有子路由的中间件

Question

我有一个/admin/users 的路由，它充当其所有子路由的父路由。 （例如/admin/users/@username/stats 或/admin/users/@username/logs 等）。 也会有很多嵌套路由，那么如何对/admin/users的所有子路由使用特定的中间件呢？

Answer 1

您可以将dynamic route 用于/admin/users/_username/_param.vue，并在_param.vue 页面中使用middleware prop：

// /pages/admin/users/_username/_param.vue
export default {
  middleware({ params, redirect }) {
    console.log('params', params.username, params.param)

    // https://nuxtjs.org/docs/2.x/internals-glossary/context#redirect
    // Redirect to the child route, passing along any route parameters.
    // `params.param` is 'stats' or 'logs'
    redirect({ name: params.param, params })
  }
}