train-center/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: '/list',
        name: 'test_list',
        component: () => import('@/views/test/list.vue'),
      },
      {
        path: '/detail',
        name: 'test_detail',
        component: () => import('@/views/test/detail.vue'),
      },

      {
        path: '/Itembank/detail',
        name: 'teacher_detail',
        component: () => import('@/views/Itembank/detail.vue'),
      },
      {
        path: '/Itembank/index',
        name: 'index_index',
        component: () => import('@/views/Itembank/index.vue'),
      },
      {
        path: '/questionnaire/index',
        name: 'index_index',
        component: () => import('@/views/questionnaire/index.vue'),
      },
      {
        path: '/questionnaire/detail',
        name: 'teacher_detail',
        component: () => import('@/views/questionnaire/detail.vue'),
      },
      {
        path: '/teacher/detail',
        name: 'teacher_detail',
        component: () => import('@/views/teacher/detail.vue'),
      },
      {
        path: '/teacher/index',
        name: 'index_index',
        component: () => import('@/views/teacher/index.vue'),
      },
      {
        path: '/work/detail',
        name: 'teacher_detail',
        component: () => import('@/views/work/detail.vue'),
      },
      {
        path: '/work/index',
        name: 'index_index',
        component: () => import('@/views/work/index.vue'),
      },
    ],
  },
];

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

export default router;