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')
      }
    ]
  }
  ]