vue自动导入页面配置路由

import Vue from 'vue';
import VueRouter from 'vue-router';

const path = require('path')
const files = require.context('@/views', false, /\.vue$/)

Vue.use(VueRouter);

const routes = [
  // 首页路由
  {
    path:'/',
    redirect:'/home'
  }
];

// 遍历查询结果，将查询到的文件加载后插入数组modules
const modules = {}
files.keys().forEach(key => {
    const name = path.basename(key, '.vue')
    modules[name] = files(key).default || files(key)
    // 将加载到的路由合并到 routes 中
    const cell = {
        path:'/'+name,
        name:name,
        component:modules[name]
    }
    routes.push(cell)
})

const router = new VueRouter({
  routes
});

export default router;