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就可以解决了
积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案