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: '/workshop'
    },
    {
      path: '/login',
      component: () => import('@/views/login/LoginPage.vue')
    },
    {
      path: '/signup',
      component: () => import('@/views/login/SignupPage.vue')
    },
    { path: '/welcome', component: () => import('@/views/login/WelcomePage.vue') },
    {
      path: '/stylist',
      component: () => import('@/views/stylist/index.vue')
    },
    {
      path: '/workshop',
      name: 'Workshop',
      component: () => import('../views/Workshop/index.vue'),
      children: [
        // {
        // 	path: '',
        // 	name: 'activitiesWorkshop',
        // 	redirect: "/activities/workshop",
        // },

        {
          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')
        },
				{// 上传照片
					path: '/workshop/uploadFace',
					name: 'uploadFace',
					component: () => import('../views/Workshop/uploadFace/index.vue'),
				},
				{// 自定义创作
					path: '/workshop/customize',
					name: 'customize',
					component: () => import('../views/Workshop/customize/index.vue'),
					children: [
						{
							path: '/workshop/customize/home',
							name: 'customizeHome',
							component: () => import('../views/Workshop/customize/home.vue'),
						},
						{
							path: '/workshop/customize/library',
							name: 'customizeLibrary',
							component: () => import('../views/Workshop/customize/library.vue'),
						},
						{
							path: '/workshop/customize/creation',
							name: 'customizeCreation',
							component: () => import('../views/Workshop/customize/creation.vue'),
						},
					],
				},
				{// 完成创建
					path: '/workshop/end',
					name: 'end',
					component: () => import('../views/Workshop/end/index.vue'),
				},
      ]
    }
  ]
})

export default router