vue将路由拆分多个路由文件

1、修改路由index.js，通过...base引入

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

import base from './base'

export default new Router({

  routes:[
    ...base
  ],
  mode:'history',
  base:'/sky-rxy-web/'
})

2、base.js

import  jzf from './jzf'
export default [
  //一级路由
  {
    path: '/router_login',//登录
    name: 'Login',
    component: () => import('../views/Login.vue')
  },
  {
    path: '/',//默认登录界面
    redirect: '/router_login'
  }
  ,
  {
    path: '/router_main',//主页面
    name: 'Main',
    redirect:'/router_home',
    component: () => import('../views/main.vue'),
    children:[//二级路由
      ...jzf,
      {
        path: '/router_example',//组件测试页面
        name: 'router_example',
        component: () => import('../views/example/index.vue')
      },
      {
        path: '/router_trafficAnalysis',//请求方新增、详情、编辑
        name: 'TrafficAnalysis',
        component: () => import(  '../views/serviceManage/TrafficAnalysis.vue')
      }
    ]
  }
  ]