小编Ang*_*tti的帖子

我一直在寻找在布局中使用 Nuxt 中间件。但我不确定我是否可以，但是，因为我在Nuxt 2中使用了它，所以在Nuxt 3中可能是可能的。

该项目有 2 种不同的布局：Public.vue和Admin.vue。我只想在使用管理布局的页面中使用中间件。因为使用它的页面只能由登录用户访问，并且它将在中间件内部进行检查。

我尝试过这个（不起作用）：

管理布局| 管理.vue

<template>
  <div>
    <client-only>
      <admin-header />
    </client-only>
    <main>
      <slot />
    </main>
    <client-only>
      <admin-footer />
    </client-only>
  </div>
</template>

<script lang="ts">
import AdminHeader from "~~/components/admin/Header.vue"
import AdminFooter from "~~/components/admin/Footer.vue"

definePageMeta({
  middleware: "admin-auth"
});
</script>

中间件| adminAuth.ts

export default defineNuxtRouteMiddleware((to, from) => {
    console.log(to);
    console.log("Acessando o admin auth middleware");
})