nuxt 設置路由的meta屬性

1. 根目錄新建 server文件夾,server文件夾下創建 router.js 文件

2. router.js

/**
 * nuxt的路由菜單配置
 * @description 僅僅只用於側邊欄的菜單顯示和權限,其它的不做任何功能
 */
const menus = [
    {
        meta: {
            requireAuth: false, //菜單權限
            title: '列表Demo', //菜單名
        },
        path: "List",
        name: "demos-List"
    },
    {
        path: "/",
        name: "index"
    }
];


 
/**
 * 遞歸查詢路由權限
 * @param {*} list
 * @param {*} menu
 */
const iterator = list => {
  for (let item of list) {
    for (let m of menus) {
      if (item.name === m.name && item.path === m.path) {
        item.meta = m.meta; // item.meta.requireAuth = true;
      }
    }
    if (item.children && item.children.length > 0) {
      iterator(item.children);
    }
  }
  return list;
};

export default (routes, resolve) => {
  routes = iterator(routes);
};

3. nuxt.config.js

import routes from './server/router.js';

export default{
    router: {              // customize nuxt.js router (vue-router).
    middleware: ['authorities'],  // middleware all pages of the application
    extendRoutes: routes
  },
}