GCLS_Page_Learn/src/router/index.js

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

import Layout from '@/layouts';
import store from '@/store';

Vue.use(VueRouter);

const routes = [
  {
    path: '/login',
    component: () => import('@/views/login')
  },
  {
    path: '/canvas',
    component: () => import('@/views/canvas')
  },
  {
    path: '/404',
    component: () => import('@/views/404')
  },
  // 外部跳转
  {
    path: '/EnterSys',
    beforeEnter: (to, from, next) => {
      store
        .dispatch('user/enterSys')
        .then(() => {
          const { tab, enter, dateStamp } = to.query;
          if (enter) {
            next(`/${enter}?tab=${tab}&dateStamp=${dateStamp}`);
          } else {
            next('/');
          }
        })
        .catch(() => {
          store.dispatch('user/signOut');
          next('/login');
        });
    }
  },
  // 首页
  {
    path: '/',
    component: Layout,
    redirect: '/main',
    children: [
      {
        path: '/main',
        name: 'Main',
        component: () => import('@/views/main')
      }
    ]
  },
  // 创建课程
  {
    path: '/create_course',
    component: Layout,
    redirect: '/create_course/index',
    meta: { title: 'Key279', link: '/?tab=CurriculaList' },
    children: [
      {
        path: '/create_course/index',
        component: () => import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/index'),
        meta: { title: 'Key285' }
      }
    ]
  },
  // 新建课程 分步表单
  {
    path: '/create_course_step_table',
    component: Layout,
    redirect: '/create_course_step_table/course_info',
    children: [
      // 分步表单 -> 第一步
      {
        path: '/create_course_step_table/course_info',
        component: () =>
          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/CourseInfo')
      },
      // 分步表单 -> 第二步
      {
        path: '/create_course_step_table/select_book/:id',
        name: 'SelectBook',
        component: () =>
          import(/* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/SelectBook')
      },
      /* 旧创建课节 开始 */
      // 分步表单 -> 第三步
      {
        path: '/create_course_step_table/old_create_task/:id',
        component: () =>
          import(/* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_table/CreateTask')
      },
      // 分步表单 -> 第四步 -> 新建课节任务
      {
        path: '/create_course_step_table/new_task/:time_type/:id/:curItemID',
        component: () =>
          import(/* webpackChunkName: 'old_create_course'*/ '@/views/teacher/create_course/step_table/NewTask')
      },
      /* 旧创建课节 结束 */
      /* 新创建课节 */
      // 分步表单 -> 第三步
      {
        path: '/create_course_step_table/create_task/:id',
        component: () =>
          import(
            /* webpackChunkName: 'create_course'*/ '@/views/teacher/create_course/step_table/create_task/index.vue'
          )
      }
    ]
  },
  // 任务详情
  {
    path: '/task_detail',
    component: Layout,
    meta: { title: 'Key278', link: '/' },
    children: [
      {
        path: '/task_detail/student/:id',
        component: () => import('@/views/task_details/student')
      },
      {
        path: '/task_detail/teacher/:id',
        component: () => import('@/views/task_details/teacher')
      }
    ]
  },
  // 0元付款成功
  {
    path: '/OrderPaySuccess',
    component: Layout,
    redirect: '/OrderPaySuccess/index',
    children: [
      {
        path: '/OrderPaySuccess/index',
        component: () => import('@/views/OrderPaySuccess.vue')
      }
    ]
  },
  {
    path: '/task_detail/show_courseware/:coursewareId',
    component: () => import('@/views/task_details/ShowCourseware')
  },
  // 课程列表 -> 学生列表
  {
    path: '/student_list',
    component: Layout,
    redirect: '/student_list/index/:id',
    children: [
      {
        path: '/student_list/index/:id',
        component: () => import(/* webpackChunkName: 'course'*/ '@/views/teacher/student_list')
      }
    ]
  },
  // 直播
  {
    path: '/live',
    component: Layout,
    redirect: '/live/student',
    children: [
      {
        path: '/live/teacher',
        component: () => import(/* webpackChunkName: 'live'*/ '@/views/live/teacher')
      },
      {
        path: '/live/teacher/group',
        component: () => import(/* webpackChunkName: 'live'*/ '@/views/live/teacher/group.vue')
      },
      {
        path: '/live/student',
        component: () => import(/* webpackChunkName: 'live'*/ '@/views/live/student')
      },
      {
        path: '/live/student/group',
        component: () => import(/* webpackChunkName: 'live'*/ '@/views/live/student/group.vue')
      },
      {
        path: '/live/student/audit',
        component: () => import(/* webpackChunkName: 'live' */ '@/views/live/student/audit.vue')
      }
    ]
  },
  // 课程详情
  {
    path: '/course_details',
    component: Layout,
    redirect: '/GoodsDetail',
    children: [
      {
        path: '/GoodsDetail',
        component: () => import('@/views/course_details')
      }
    ]
  },
  // 模板详情
  {
    path: '/template_details',
    component: Layout,
    redirect: '/TemplateDetails',
    children: [
      {
        path: '/TemplateDetails',
        component: () => import('@/views/template_details')
      }
    ]
  },
  {
    path: '*',
    redirect: '/404'
  }
];

const createRouter = () =>
  new VueRouter({
    // mode: 'history',
    scrollBehavior: () => ({ y: 0 }),
    routes
  });

const router = createRouter();

// 重置路由
export function resetRouter() {
  const newRouter = createRouter();
  router.matcher = newRouter.matcher;
}

export default router;