winhc-demension-vue3/src/router/index.ts

import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [
  {
    path: '/:routerName(.*)',
    name: 'demension',
    component: () => import('@/views/demension/list.vue')
  },
  {
    path: '/',
    redirect: '/index'
  },
  {
    path: '/index',
    name: 'index',
    component: () => import('@/views/index.vue')
  },
  // {
  //   path: '/demension',
  //   name: 'demension',
  //   component: () => import('@/views/demension/list.vue')
  // },
  {
    path: '/:routerName(.*)Det',
    name: 'detail',
    component: () => import('@/views/demension/detail.vue')
  },
  {
    path: '/notFound',
    name: 'notFound',
    component: () => import('@/views/notFound.vue')
  }

]

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


router.beforeEach((to, from, next) => {
  console.log('to=', to)
  // if (!to.path.includes('Det')) {
  // next({ path: '/demension' })
  // }
  next()
  // console.log(to)

})

// router.afterEach((to) => {
// })

export default router