houseworking/hksystem/src/router/router.js

import Main from '@/views/Main.vue';

// 不作为Main组件的子页面展示的页面单独写，如下
export const loginRouter = {
    path: '/login',
    name: 'login',
    meta: {
        title: 'Login - 登录'
    },
    component: resolve => { require(['@/views/login.vue'], resolve); }
};

export const page404 = {
    path: '/*',
    name: 'error-404',
    meta: {
        title: '404-页面不存在'
    },
    component: resolve => { require(['@/views/error-page/404.vue'], resolve); }
};

export const page403 = {
    path: '/403',
    meta: {
        title: '403-权限不足'
    },
    name: 'error-403',
    component: resolve => { require(['@//views/error-page/403.vue'], resolve); }
};

export const page500 = {
    path: '/500',
    meta: {
        title: '500-服务端错误'
    },
    name: 'error-500',
    component: resolve => { require(['@/views/error-page/500.vue'], resolve); }
};

export const locking = {
    path: '/locking',
    name: 'locking',
    component: resolve => { require(['@/views/main-components/lockscreen/components/locking-page.vue'], resolve); }
};

// 作为Main组件的子页面展示但是不在左侧菜单显示的路由写在otherRouter里
export const otherRouter = {
    path: '/',
    name: 'otherRouter',
    redirect: '/home',
    component: Main,
    children: [
        { path: 'home', title: {i18n: 'home'}, name: 'home_index', component: resolve => { require(['@/views/home/home.vue'], resolve); } }
    ]
};

// 作为Main组件的子页面展示并且在左侧菜单显示的路由写在appRouter里
export const appRouter = [
    {
        path: '/order',
        icon: 'images',
        name: 'comment',
        title: '订单管理',
        component: Main,
        children: [
            { path: 'housekeeper', title: '保姆订单', name: 'order_housekeeper', component: resolve => { require(['@/views/housekeeper/index.vue'], resolve); } },
            { path: 'matron', title: '月嫂订单', name: 'order_matron', component: resolve => { require(['@/views/matron/index.vue'], resolve); } },
            { path: 'product', title: '产品订单', name: 'order_product', component: resolve => { require(['@/views/product/index.vue'], resolve); } },
            // { path: 'comment', title: '订单评论', name: 'order_comment', component: resolve => { require(['@/views/comment/index.vue'], resolve); } },
            // { path: 'status', title: '订单状态', name: 'order_status', component: resolve => { require(['@/views/comment/index.vue'], resolve); } }
        ]
    },
    // {
    //     path: '/act',
    //     icon: 'images',
    //     name: 'act',
    //     title: '活动管理',
    //     component: Main,
    //     children: [
    //         { path: 'index', title: '活动管理', name: 'act_index', component: resolve => { require(['@/views/act/index.vue'], resolve); } }
    //     ]
    // },
    // {
    //     path: '/product',
    //     icon: 'images',
    //     name: 'product',
    //     title: '产品管理',
    //     component: Main,
    //     children: [
    //         { path: 'index', title: '产品管理', name: 'product_index', component: resolve => { require(['@/views/product/index.vue'], resolve); } }
    //     ]
    // },
    // {
    //     path: '/product-order',
    //     icon: 'images',
    //     name: 'productOrder',
    //     title: '产品订单',
    //     component: Main,
    //     children: [
    //         { path: 'index', title: '产品订单', name: 'productOrder_index', component: resolve => { require(['@/views/product-order/index.vue'], resolve); } }
    //     ]
    // },
    {
        path: '/hourse-clean',
        icon: 'images',
        name: 'hourseClean',
        title: '家居清洁',
        component: Main,
        children: [
            { path: 'index', title: '家居清洁', name: 'hourseClean_index', component: resolve => { require(['@/views/house-clean/index.vue'], resolve); } }
        ]
    },
    {
        path: '/appliance-clean',
        icon: 'images',
        name: 'applianceClean',
        title: '家电清洁',
        component: Main,
        children: [
            { path: 'index', title: '家电清洁', name: 'applianceClean_index', component: resolve => { require(['@/views/appliance-clean/index.vue'], resolve); } }
        ]
    }
];

var other = [
    {
        path: '/banner',
        icon: 'images',
        name: 'banner',
        title: 'banner轮播图',
        component: Main,
        children: [
            { path: 'index', title: 'banner轮播图', name: 'banner_index', component: resolve => { require(['@/views/banner/banner.vue'], resolve); } }
        ]
    },
    {
        path: '/homework',
        icon: 'images',
        name: 'homework',
        title: '家政详情',
        component: Main,
        children: [
            { path: 'index', title: '家政详情', name: 'homework_index', component: resolve => { require(['@/views/homework/homework.vue'], resolve); } }
        ]
    }
];

// 所有上面定义的路由都要写在下面的routers里
export const routers = [
    loginRouter,
    otherRouter,
    locking,
    ...appRouter,
    page500,
    page403,
    page404
];