ngbwg-wx/src/router/index.ts

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

const routes = [
  {
    path: '/',
    name: 'overview',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/EnterNingguo/summarize.vue')
  },
  {
    path: '/dynamic',
    name: 'dynamic',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/EnterNingguo/dynamic.vue')
  },
  {
    path: '/dynamic/detail/:id',
    name: 'dynamicDetail',
    component: () => import('@/views/EnterNingguo/dynamic-detail.vue'),
    props: true
  },
  {
    path: '/artwork',
    name: 'artwork',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/EnterNingguo/artwork.vue')
  },
  {
    path: '/treasure',
    name: 'treasure',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/SmartTour/treasure.vue')
  },
  {
    path: '/treasure/detail/:id',
    name: 'treasureDetail',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/SmartTour/treasure-detail.vue')
  },
  {
    path: '/exhibition',
    name: 'exhibition',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/SmartTour/exhibition.vue')
  },
  {
    path: '/exhibition/detail/:id',
    name: 'exhibitionDetail',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/SmartTour/exhibition-detail.vue')
  },

  {
    path: '/booking',
    name: 'booking',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/ExhibitionService/bookedList.vue')
  },

  {
    path: '/activeBooking',
    name: 'activeBooking',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/ExhibitionService/activeBooking.vue')
  },

  {
    path: '/activeBooking/detail/:id',
    name: 'activeDetail',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/ExhibitionService/active-detail.vue')
  },
  // 填写预约信息
  {
    path: '/activeBooking/booking/:id/:title',
    name: 'activeBookInfo',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/ExhibitionService/active-info.vue')
  },

  {
    path: '/volunteerHome',
    name: 'volunteerHome',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/VolunteerHome/home.vue')
  },

  {
    path: '/volunteerHome/detail/:id',
    name: 'volunteerDetail',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/VolunteerHome/detail.vue')
  },

  {
    path: '/volunteerHome/apply',
    name: 'activeBookApply',
    //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
    component: () => import('@/views/VolunteerHome/apply.vue')
  },

  
]
// 路由
const router = createRouter({
  history: createWebHashHistory(),
  routes
})
// 导出
export default router