tropsCode/src/router/index.ts

import { createRouter, createWebHashHistory } from 'vue-router';

import Layout from '@/layout/index.vue';

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: '',
      component: Layout,
      redirect: '/home',
      children: [
        { path: '/home', component: () => import('@/views/home/index.vue') },
        { path: '/login', component: () => import('@/views/login/index.vue') },
        { path: '/login/qrcode', component: () => import('@/views/login/qrcode.vue') },
        { path: '/login/mobile', component: () => import('@/views/login/mobile.vue') },
        { path: '/train', component: () => import('@/views/train/index.vue') },
        { path: '/train/test', component: () => import('@/views/train/test.vue') },
        { path: '/train/run', component: () => import('@/views/train/run.vue') },
        { path: '/train/multiple', component: () => import('@/views/train/multiple.vue') },
        { path: '/test', component: () => import('@/views/test/index.vue') },
        { path: '/set', component: () => import('@/views/set/index.vue') },
        { path: '/set/config', component: () => import('@/views/set/config.vue') },
        { path: '/ranking', component: () => import('@/views/ranking/index.vue') },
        { path: '/course', component: () => import('@/views/course/index.vue') },
        { path: '/gesture', component: () => import('@/views/gesture/index.vue') },
        { path: '/analysis/index', component: () => import('@/views/analysis/index.vue') },
        { path: '/analysis/detail', component: () => import('@/views/analysis/detail.vue') }
      ]
    }
  ]
});

export default router;