nuxt.js自定义router

nuxt默认根据目录结构生成路由导航

但是我们想要配置一下组件meta信息就需要使用自定义路由

extendRoutes可以配置自定义路由

在nuxt.config.js

// import {router} from './routes/router'

export default {
    router: {
    // router: {middleware: 'redirect'}
    extendRoutes(routes, resolve) {
      return [
          {
          path: '/',
          name: 'index',
          component: resolve(__dirname, "./pages/index.vue")
        },
        {
          path: '/home',
          name: 'home',
          meta: {
            name: 'homesasfas'
          },
          component: resolve(__dirname, "./pages/home.vue"),
          children: [
            {
              path: 'article',
              name: 'article',
              meta: {
                name: 'asdfasdf'
              },
              component: resolve(__dirname, "./pages/home/article/index.vue")
            },
          ]
        }
      ]
    }
  }
}