lanecarford_front/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
  history: createWebHistory('/'),
  //   history: createWebHistory(import.meta.env.VITE_APP_URL),
  routes: [
    {
      path: '/',
      redirect: '/welcome'
    },
    {
      path: '/login',
      name: 'LoginPage',
      component: () => import('@/views/login/LoginPage.vue')
    },
    {
      path: '/signup',
      name: 'SignupPage',
      component: () => import('@/views/login/SignupPage.vue')
    },
    {
      path: '/welcome',
      name: 'WelcomePage',
      component: () => import('@/views/login/WelcomePage.vue')
    },
    {
      path: '/stylist',
      name: 'StylistPage',
      redirect:'/stylist/index',
      component: () => import('@/views/stylist/container.vue'),
      children: [
        {
          path: 'index',
          name: 'index',
          component: () => import('@/views/stylist/index.vue')
        },
        {
          path: 'sex',
          name: 'sex',
          component: () => import('@/views/stylist/sex.vue')
        },
        {
          path: 'dressfor',
          name: 'dressfor',
          component: () => import('@/views/stylist/dressfor.vue')
        },
        {
          path: 'customer',
          name: 'customer',
          component: () => import('@/views/stylist/customer.vue')
        }
      ]
    },
    {
      path: '/asistant',
      name: 'asistant',
      component: () => import('../views/asistant/index.vue')
    },
    {
      path: '/workshop',
      name: 'Workshop',
      component: () => import('../views/Workshop/index.vue'),
      children: [
        {
        	path: '/workshop',
        	redirect: "/workshop/selectStyle",
        },
        {
          path: '/workshop/selectStyle',
          name: 'SelectStyle',
          component: () => import('../views/Workshop/selectStyle.vue')
        },
        {
          path: '/workshop/selectModel',
          name: 'SelectModel',
          component: () => import('../views/Workshop/selectModel.vue')
        },
        {
          path: '/workshop/selectModelContinue',
          name: 'SelectModelContinue',
          component: () => import('../views/Workshop/selectModelContinue.vue')
        },
        {
          // 上传照片1
          path: '/workshop/uploadFace',
          name: 'uploadFace',
          component: () => import('../views/Workshop/uploadFace1.vue')
        },
        {
          // 上传照片2
          path: '/workshop/uploadFace2',
          name: 'uploadFace2',
          component: () => import('../views/Workshop/uploadFace2.vue')
        },
        {
          // 自定义创作
          path: '/workshop/customize',
          name: 'customize',
          component: () => import('../views/Workshop/customize.vue'),
        },
        {
          // library
          path: '/workshop/library',
		  name: 'library',
		  component: () => import('../views/Workshop/library.vue'),
        },
		{
		  // creation
		  path: '/workshop/creation',
		  name: 'creation',
		  component: () => import('../views/Workshop/creation.vue'),
		},
        {
          // 完成创建
          path: '/workshop/end',
          name: 'end',
          component: () => import('../views/Workshop/end.vue')
        }
      ]
    }
  ]
})

export default router