frontend/src/router/index.js

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

//懒加载
const App = () => import(/* webpackChunkName: "group-app"*/'@/App');
const Index = () => import(/* webpackChunkName: "group-app"*/'@/login/Index');
const NotFound = () => import(/* webpackChunkName: "group-app"*/'@/NotFound');

const MainPage = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage');
const Home = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/Home');
const AbilityTest = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/AbilityTest');
const News = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/News');
const AboutUs = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/AboutUs');
const ContactUs = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/ContactUs');
const ExamTable = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/MainPage/ExamTable');

const UserPage = () => import(/* webpackChunkName: "group-mainPage"*/'@/components/UserPage');

const DoTest = () => import(/* webpackChunkName: "group-doTest"*/'@/components/doTest/DoTest.vue');
const RestPage = () => import(/* webpackChunkName: "group-doTest"*/'@/components/doTest/RestPage');
const TestResult = () => import(/* webpackChunkName: "group-doTest"*/'@/components/doTest/TestResult2');
const GuidePage = () => import(/* webpackChunkName: "group-doTest"*/'@/components/doTest/GuidePage');

const ControlApp = () => import(/* webpackChunkName: "group-controlApp"*/'@/ControlApp');
const ControlMainPage = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/ControlMainPage');
const PaperList = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/controlMainPage/PaperList');
const PaperListSimple = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/controlMainPage/PaperListSimple');
const DocList = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/controlMainPage/DocList');
const QuestionList = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/controlMainPage/docList/QuestionList');
const UserList = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/controlMainPage/UserList');
const FirstEdition = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/report/FirstEdition');
const PDFTest = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/report/PDFTest');
// const CheckTable = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/report/CheckTable');
// const Knowledge = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/report/Knowledge');
const SimpleReport = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/report/SimpleReport');
const ControlLogin = () => import(/* webpackChunkName: "group-controlApp"*/'@/login/ControlLogin');
const VoiceTest = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/VoiceTest');
const UserTest = () => import(/* webpackChunkName: "group-controlApp"*/'@/components/UserTest');

import store from '@/store/index';
import { getLoginUser } from '@/api/login'
Vue.use(Router);

export default new Router({
    routes: [{
        path: '/',
        redirect: { name: 'App' },
    },{
        path: '/app',
        name: 'App',
        component: App,
        beforeEnter: (to, from, next) => {
            getLoginUser().then(data => {
                store.dispatch('setLoginUser', data);
                next();
            }).catch(() => {
                next({name: 'Index'});
            })
        },
        redirect: { name: 'MainPage' },
        children: [{
            path: 'mainPage',
            name: 'MainPage',
            component: MainPage,
            redirect: { name: 'AbilityTest' },
            children: [{
                path: 'home',
                name: 'Home',
                component: Home
            }, {
                path: 'abilityTest',
                name: 'AbilityTest',
                component: AbilityTest,
            }, {
                path: 'news',
                name: 'News',
                component: News,
            }, {
                path: 'aboutUs',
                name: 'AboutUs',
                component: AboutUs,
            }, {
                path: 'contactUs',
                name: 'ContactUs',
                component: ContactUs,
            }, {
                path: 'examTable',
                name: 'ExamTable',
                component: ExamTable,
            }],
        },{
            path: 'userPage',
            name: 'UserPage',
            component: UserPage,
        },{
            path: 'guidePage/:examId',
            name: 'GuidePage',
            component: GuidePage
        },{
          path: 'doTest/:examId',
          name: 'DoTest',
          component: DoTest
        },{
          path: 'restPage/:examId',
          name: 'RestPage',
          component: RestPage
        },{
        //   path: 'testResult/:result/:totalScore/:pid/:uid',
          path: 'testResult/:pid/:uid',
          name: 'TestResult',
          component: TestResult
        }]
    },
    {
        path: '/index',
        name: 'Index',
        component: Index
    },
    {
		path: '*',
        name: 'NotFound',
        component: NotFound
    },{
        path: '/ctrlApp',
        name: 'ControlApp',
        component: ControlApp,
        beforeEnter: (to, from, next) => {
            getLoginUser().then(data => {
                store.dispatch('setLoginUser', data);
                next();
            }).catch(() => {
                next({name: 'ControlLogin'});
            })
        },
        redirect: { name: 'ControlMainPage' },
        children: [{
            path: 'ctrlMainPage',
            name: 'ControlMainPage',
            component: ControlMainPage,
            redirect: { name: 'PaperListSimple' },
            children: [{
                path: 'paperList',
                name: 'PaperList',
                component: PaperList,
            },{
                path: 'paperListSimple',
                name: 'PaperListSimple',
                component: PaperListSimple,
            },{
                path: 'userList',
                name: 'UserList',
                component: UserList,
            },{
                path: 'docList',
                name: 'DocList',
                component: DocList,
            },{
                path: 'questionList/:pid',
                name: 'QuestionList',
                component: QuestionList
            }],
        },{
            path: 'firstEdition/:pid/:uid',
            name: 'FirstEdition',
            component: FirstEdition,
        },{
            path: 'pdfTest',
            name: 'PDFTest',
            component: PDFTest,
        },{
            path: 'simpleReport/:pid/:uid',
            name: 'SimpleReport',
            component: SimpleReport,
        }]
    },{
        path: '/ctrlLogin',
        name: 'ControlLogin',
        component: ControlLogin,
    },{
        path: '/voice',
        name: 'VoiceTest',
        component: VoiceTest,
    },{
        path: '/xxx',
        name: 'UserTest',
        component: UserTest,
    }]
});