mirror of https://github.com/allinssl/allinssl
32 lines
963 B
TypeScript
32 lines
963 B
TypeScript
import { createDiscreteApi } from 'naive-ui'
|
|
|
|
import type { Router, RouteLocationNormalized, NavigationGuardNext } from '@baota/router/each'
|
|
import { useCreateRouterEach } from '@baota/router/each' // 全局路由守卫
|
|
|
|
// 创建离散API
|
|
const { loadingBar } = createDiscreteApi(['loadingBar'])
|
|
|
|
/**
|
|
* @description 全局路由守卫
|
|
* @param {Router} router 路由实例
|
|
* @return {void}
|
|
*/
|
|
const useRouterEach = (router: Router) =>
|
|
useCreateRouterEach(router, {
|
|
beforeEach: (to: RouteLocationNormalized, _: RouteLocationNormalized, next: NavigationGuardNext) => {
|
|
// 开始加载
|
|
loadingBar.start()
|
|
// 判断当前路由是否存在，如果不存在，则跳转到 404
|
|
if (!router.hasRoute(to.name as string)) {
|
|
if (!to.path.includes('/404')) return next({ path: '/404' })
|
|
}
|
|
next()
|
|
},
|
|
afterEach: (to: RouteLocationNormalized) => {
|
|
loadingBar.finish()
|
|
console.log('afterEach', to)
|
|
},
|
|
})
|
|
|
|
export default useRouterEach
|