nuxtjs3 踩坑之definePageMeta遇到router.options.ts路由配置

如果没配置自定义的路由配置文件router.options.ts(配置问题详见:https://www.cnblogs.com/llcdbk/p/16882258.html),你可以按照官网的写法去定义布局、中间件等,但是如果你在项目中配置了路由文件,你会发现按照官网的写法写了以后会失效,除非是全局的插件,这时候你应该做如下的操作:

1.在具体的页面配置:

definePageMeta({
  layout: "custom",
  middleware: ["test"],
  // or middleware: 'auth'
});

2.在路由配置文件配置:

{
        name: "dashboard",
        path: "/dashboard",
        component: () => import("~/pages/dashboard/index.vue"),
        meta: {
          middleware: ["test"],
          layout:"custom"
        },
      },

只要加了meta就可以解决了

posted @ 2022-11-15 09:56  洛晨随风  阅读(2005)  评论(0编辑  收藏  举报