vue2路由懒加载

这是一个剪刀的路由拦截

router分位两个文件，一个是路由统一配置，一个是具体的路由信息

1路由

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const Wrap = resolve => require(['@/views/wrap/index/index.vue'], resolve)

const Home = resolve => require(['@/views/wrap/home/home.vue'], resolve) //首页

const Company = resolve => require(['@/views/wrap/company/company.vue'], resolve) //首页

const Login = resolve => require(['@/views/login/login.vue'], resolve) //登录

const Register = resolve => require(['@/views/login/register.vue'], resolve) //注册

const EditPassword = resolve => require(['@/views/login/edit-password.vue'], resolve)

const Error = resolve => require(['@/views/error/error.vue'], resolve) //404页面

const Sucess = resolve => require(['@/views/error/sucess.vue'], resolve) //提交成功

//激活页面 忘记密码

const ActivationPage = resolve => require(['@/views/login/activation-page.vue'], resolve) //激活

const ForgetPassword = resolve => require(['@/views/login/forget-password.vue'], resolve) //忘记喵喵

const Apply = resolve => require(['@/views/wrap/apply/apply.vue'], resolve) //月度电量申报

const UserList = resolve => require(['@/views/wrap/user/user-list.vue'], resolve) //用户列表

const Audit = resolve => require(['@/views/wrap/audit/audit.vue'], resolve) //业务审核

const AuditDetail = resolve => require(['@/views/wrap/audit/audit-detail.vue'], resolve) //审核详情

const UserInvite = resolve => require(['@/views/wrap/user/user-invite.vue'], resolve) //用户邀请

const Report = resolve => require(['@/views/wrap/report/report.vue'], resolve) //事件上报

const ReportDetail = resolve => require(['@/views/wrap/report/report-detail.vue'], resolve) //事件上报

const UserManage = resolve => require(['@/views/wrap/user/user-manage.vue'], resolve) //

const userAgreement = resolve => require(['@/views/wrap/user/user-agreement.vue'], resolve) //用户协议

const Mine = resolve => require(['@/views/wrap/mine/mine.vue'], resolve) //我的

const PersonInfo = resolve => require(['@/views/wrap/mine/person-info.vue'], resolve) //我的信息

const ContactInformation = resolve => require(['@/views/wrap/contact-information/index.vue'], resolve) //联系方式

const SellingElectricity = resolve => require(['@/views/wrap/selling-electricity/index.vue'], resolve) //售电业务

export default [

{

path: '/',

redirect: '/wrap/home'

}, {

path: '/login',

component: Login,

meta: { title: '登录', requireAuth: false, requireRole: false, role: ['1', '2', '3','5'] }

},

{

path: '/sucess',

component: Sucess,

meta: { title: '提交成功', requireAuth: false, requireRole: false, role: ['1', '2', '3','5'] }

},

{

path: '/error',

component: Error,

meta: { title: '报错页面', requireAuth: false, requireRole: false, role: ['1', '2', '3','5'] }

},

{

path: '/register',

component: Register,

meta: { title: '注册页面', requireAuth: false, requireRole: false, role: ['1', '2', '3','5'] }

},

{

name: 'jurisd',

path: '/jurisd',

component: NoJurisdiction,

meta: { title: '能源e+', requireAuth: false, requireRole: false, role: ['1', '2', '3','5'] }

},

{

path: '/wrap',

component: Wrap,

meta: { title: '系统', requireAuth: true, requireRole: false, role: ['1', '2', '3'] },

children: [

{

path: '/',

redirect: 'home'

},

{

name: '企业列表',

path: 'company',

component: Company,

meta: { title: '企业列表', requireAuth: false, requireRole: false, role: ['3'] }

},

{

name: '修改密码',

path: 'editPaw',

component: EditPassword,

meta: { title: '修改密码', requireAuth: true, requireRole: false, role: ['1', '2', '3','5'] }

},

{

name: '首页',

path: 'home',

component: Home,

meta: { title: '首页', requireAuth: true, requireRole: true, role: ['1', '2', '3'] }

},

{

path: '**',

component: Login,

meta: { title: '登录', requireAuth: false, requireRole: false, role: ['1', '2', '3'] }

},

]

}

]