44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import { createRouter, createWebHistory } from 'vue-router'
|
||
|
||
/**
|
||
* 路由缓存机制:
|
||
* 1. 设置路由的meta属性为{ cache: true }，表示需要缓存
|
||
* 2. App.vue中使用RouteCache组件，通过路由的name来进行匹配
|
||
* 3. 路由的name默认是文件名,如果文件名与name不一致,通过defineOptions({ name: 'componentName' })来设置
|
||
*/
|
||
const router = createRouter({
|
||
history: createWebHistory('/'),
|
||
// history: createWebHistory(import.meta.env.VITE_APP_URL),
|
||
routes: [
|
||
{
|
||
path: '/',
|
||
name: 'home',
|
||
component: () => import('../views/home/index.vue'),
|
||
},
|
||
{
|
||
path: '/collectionStory',
|
||
name: 'collectionStory',
|
||
component: () => import('../views/collectionStory/index.vue'),
|
||
},
|
||
{
|
||
path: '/brand',
|
||
name: 'brand',
|
||
component: () => import('../views/brand/index.vue'),
|
||
},
|
||
{
|
||
path: '/:pathMatch(.*)',
|
||
name: '404',
|
||
component: () => import('../views/404.vue'),
|
||
},
|
||
]
|
||
})
|
||
|
||
router.beforeEach((to, from, next) => {
|
||
next()
|
||
})
|
||
|
||
router.afterEach(() => {
|
||
})
|
||
|
||
export default router
|