train-school/src/router/index.js

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

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    name: 'frame',
    component: () => import('@/views/index.vue'),
    children: [
      {
        path: '/plan/index',
        name: 'plan_list',
        meta: { title: '计划', sub: '管理' },
        component: () => import('@/views/plan/index.vue'),
      },
      {
        path: '/plan/detail',
        name: 'plan_detail',
        meta: { title: '计划', sub: '详情' },
        component: () => import('@/views/plan/detail.vue'),
      },
      {
        path: '/teacher/index',
        name: 'teacher_list',
        meta: { title: '教师', sub: '管理' },
        component: () => import('@/views/teacher/index.vue'),
      },
      {
        path: '/scganli/index',
        name: 'teacher_list',
        meta: { title: '学生', sub: '管理' },
        component: () => import('@/views/scganli/index.vue'),
      },
      {
        path: '/scganli/detail',
        name: 'teacher_list',
        meta: { title: '上传学生', sub: '详情' },
        component: () => import('@/views/scganli/detail.vue'),
      },
      {
        path: '/teacher/detail',
        name: 'teacher_detail',
        meta: { title: '教师', sub: '信息' },
        component: () => import('@/views/teacher/detail.vue'),
      },
      {
        path: '/leave/index',
        name: 'leave_list',
        meta: { title: '请假', sub: '管理' },
        component: () => import('@/views/leave/index.vue'),
      },
      {
        path: '/stud/detail',
        name: 'stud_detail',
        meta: { title: '学生', sub: '信息' },
        component: () => import('@/views/leave/stud.vue'),
      },
      {
        path: '/student/index',
        name: 'student_index',
        meta: { title: '学生', sub: '管理' },
        component: () => import('@/views/student/index.vue'),
      },
      {
        path: '/student/detail',
        name: 'student_detail',
        meta: { title: '学生', sub: '详情' },
        component: () => import('@/views/student/detail.vue'),
      },
    ],
  },
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_ROOT_URL + 'school',
  routes,
});

export default router;