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: '/login/sunshineRun', component: () => import('@/views/login/sunshineRun.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: '/train/device', component: () => import('@/views/train/device.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: '/set/deploy', component: () => import('@/views/set/deploy.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') },
        { path: '/sunshineRun', component: () => import('@/views/sunshineRun/index.vue') },
        { path: '/game', component: () => import('@/views/game/index.vue') },
        { path: '/game/square', component: () => import('@/views/game/square.vue') },
        { path: '/game/fruit', component: () => import('@/views/game/fruit.vue') },
        { path: '/game/basketball', component: () => import('@/views/game/basketball.vue') },
        { path: '/game/humanBody', component: () => import('@/views/game/humanBody.vue') },
        { path: '/score', component: () => import('@/views/score/index.vue') },
      ]
    }
  ]
});

export default router;