37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import type { App } from 'vue'
|
||
import type { RouteRecordRaw } from 'vue-router'
|
||
import { createRouter, createWebHistory } from 'vue-router'
|
||
import remainingRouter from './modules/remaining'
|
||
|
||
// 创建路由实例
|
||
const router = createRouter({
|
||
history: createWebHistory(import.meta.env.VITE_BASE_PATH), // createWebHashHistory URL带#，createWebHistory URL不带#
|
||
strict: true,
|
||
routes: remainingRouter as RouteRecordRaw[],
|
||
scrollBehavior: () => {
|
||
// 新开标签时、返回标签时，滚动条回到顶部，否则会保留上次标签的滚动位置。
|
||
const scrollbarWrap = document.querySelector('.v-layout-content-scrollbar .el-scrollbar__wrap')
|
||
if (scrollbarWrap) {
|
||
// scrollbarWrap.scrollTo({ left: 0, top: 0, behavior: 'auto' })
|
||
scrollbarWrap.scrollTop = 0
|
||
}
|
||
return { left: 0, top: 0 }
|
||
}
|
||
})
|
||
|
||
export const resetRouter = (): void => {
|
||
const resetWhiteNameList = ['Redirect', 'Login', 'NoFound', 'Home']
|
||
router.getRoutes().forEach((route) => {
|
||
const { name } = route
|
||
if (name && !resetWhiteNameList.includes(name as string)) {
|
||
router.hasRoute(name) && router.removeRoute(name)
|
||
}
|
||
})
|
||
}
|
||
|
||
export const setupRouter = (app: App<Element>) => {
|
||
app.use(router)
|
||
}
|
||
|
||
export default router
|