32 lines
816 B
TypeScript
32 lines
816 B
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: '/',
|
|||
|
|
redirect: '/index'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
path: '/index',
|
|||
|
|
name: 'index',
|
|||
|
|
component: () => import('../views/home/index.vue')
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
path: '/:pathMatch(.*)',
|
|||
|
|
name: '404',
|
|||
|
|
component: () => import('../views/404.vue')
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
export default router
|