60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
import { traverseTreeValues } from '@vben-core/toolkit';
|
||
import type { RouteRecordName, RouteRecordRaw } from 'vue-router';
|
||
|
||
import { createRouter, createWebHashHistory } from 'vue-router';
|
||
|
||
import { createRouteGuard } from './guard';
|
||
import { staticRoutes } from './routes';
|
||
|
||
/**
|
||
* @zh_CN 创建vue-router实例
|
||
*/
|
||
const router = createRouter({
|
||
history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH),
|
||
// 应该添加到路由的初始路由列表。
|
||
routes: staticRoutes,
|
||
scrollBehavior: (to, from, savedPosition) => {
|
||
if (to.path !== from.path) {
|
||
setTimeout(() => {
|
||
const app = document.querySelector('#app');
|
||
if (app) {
|
||
app.scrollTop = 0;
|
||
}
|
||
});
|
||
}
|
||
return savedPosition || { left: 0, top: 0 };
|
||
},
|
||
});
|
||
|
||
/**
|
||
* @zh_CN 重置所有路由，如有指定白名单除外
|
||
*/
|
||
function resetRoutes() {
|
||
// 获取静态路由所有节点包含子节点的 name，并排除不存在 name 字段的路由
|
||
const staticRouteNames = traverseTreeValues<
|
||
RouteRecordRaw,
|
||
RouteRecordName | undefined
|
||
>(staticRoutes, (route) => {
|
||
// 这些路由需要指定 name，防止在路由重置时，不能删除没有指定 name 的路由
|
||
if (!route.name) {
|
||
console.warn(
|
||
`The route with the path ${route.path} needs to specify the field name.`,
|
||
);
|
||
}
|
||
return route.name;
|
||
});
|
||
|
||
const { getRoutes, hasRoute, removeRoute } = router;
|
||
const routes = getRoutes();
|
||
routes.forEach(({ name }) => {
|
||
// 存在于路由表且非白名单才需要删除
|
||
if (name && !staticRouteNames.includes(name) && hasRoute(name)) {
|
||
removeRoute(name);
|
||
}
|
||
});
|
||
}
|
||
// 创建路由守卫
|
||
createRouteGuard(router);
|
||
|
||
export { resetRoutes, router };
|