Nuxt自定义路由配置

明知山

发布于 2021-01-21 06:32:54

1.6K0

发布于 2021-01-21 06:32:54

文章被收录于专栏：前端开发随笔

nuxt自动生成路由很方便但是项目开发习惯，对每个vue文件新建文件夹，在里面配置我的css等就需要手动配置路由在nuxt.config.js配置router

  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        path: '/',
        name: 'index',
        component: resolve(__dirname, 'pages/index/index.vue')
      }, {
        path: '/main',
        name: 'main',
        component: resolve(__dirname, 'pages/main/main.vue')
      }, {
        path: '/detail',
        name: 'detail',
        component: resolve(__dirname, 'pages/detail/detail.vue')
      })
    }
  },