overseas-jsm-mall-front/src/router/index.js

import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '@/pages/home/index.vue'
import Category from '@/pages/category/index.vue'
import Login from '@/pages/login/index.vue'
import Register from '@/pages/register/index.vue'

const routes = [
  {
    path: '/',
    redirect: '/category',
    component: Home,
    meta: {
      title: '首页'
    },
    children: [
      {
        path: '/category',
        component: Category,
        meta: {
          title: '首页'
        }
      },
      {
        path: '/goods',
        component: () => import('@/pages/goods/index.vue'),
        meta: {
          title: '商品详情'
        }
      },
      {
        path: '/train',
        component: () => import('@/pages/train/index.vue'),
        meta: {
          title: '培训'
        }
      },
      {
        path: '/branch',
        component: () => import('@/pages/branch/index.vue'),
        meta: {
          title: '分支'
        }
      }
    ]
  },
  {
    path: '/login',
    component: Login,
    meta: {
      title: '登录'
    }
  },
  {
    path: '/register',
    component: Register,
    meta: {
      title: '注册'
    }
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

router.afterEach((to, before) => {
  document.title = to.meta?.title || '';
})

export default router