niucloud-admin/admin/src/router/index.ts

import { createRouter, createWebHistory, RouteLocationRaw } from 'vue-router'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { STATIC_ROUTES, NO_LOGIN_ROUTES, ROOT_ROUTER, ADMIN_ROUTE, SITE_ROUTE, DECORATE_ROUTER, findFirstValidRoute } from './routers'
import { language } from '@/lang'
import useSystemStore from '@/stores/modules/system'
import useUserStore from '@/stores/modules/user'
import { setWindowTitle, getAppType, urlToRouteRaw } from '@/utils/common'
import storage from '@/utils/storage'

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [ADMIN_ROUTE, SITE_ROUTE, ...STATIC_ROUTES]
})

/**
 * 重写push方法
 */
const originPush = router.push
router.push = (to: RouteLocationRaw) => {
    const route = typeof to == 'string' ? urlToRouteRaw(to) : to
    const paths = route.path.split('/').filter((item: string) => { return item })
    route.path = ['admin', 'site', 'decorate'].indexOf(paths[0]) == -1 ? `/${getAppType()}${route.path}` : route.path
    return originPush(route)
}

// 全局前置守卫
router.beforeEach(async (to, from, next) => {
    NProgress.configure({ showSpinner: false })
    NProgress.start()

    to.redirectedFrom && (to.query = to.redirectedFrom.query)

    const userStore = useUserStore()
    const siteInfo = storage.get('siteInfo') || false
    let title = (to.meta.title ? (to.meta.title + ' - ') : '') + (siteInfo.site_name ? siteInfo.site_name : '')

    // 设置网站标题
    setWindowTitle(title)

    // 加载语言包
    await language.loadLocaleMessages(to.path, useSystemStore().lang);

    let matched: any = to.matched;

    if (matched && matched.length && matched[0].path != '/:pathMatch(.*)*') {
        matched = matched[0].path;
    } else {
        matched = 'site';
    }

    const loginPath = to.path == '/' ? '/admin/login' : `${matched}/login`

    // 判断是否需登录
    if (NO_LOGIN_ROUTES.includes(to.path)) {
        next()
    } else if (userStore.token) {
        // 如果已加载路由
        if (userStore.routers.length) {
            if (to.path === loginPath) {
                next(`/${getAppType()}`)
            } else {
                next()
            }
        } else {
            try {
                await userStore.getAuthMenus()

                // 设置首页路由
                const firstRoute = findFirstValidRoute(userStore.routers)
                ROOT_ROUTER.redirect = { name: firstRoute }
                router.addRoute(ROOT_ROUTER)

                // 设置应用首页路由
                if (getAppType() == 'admin') {
                    ADMIN_ROUTE.children[0].redirect = { name: firstRoute }
                    router.addRoute(ADMIN_ROUTE)
                } else {
                    SITE_ROUTE.children[0].redirect = { name: firstRoute }
                    router.addRoute(SITE_ROUTE)
                }

                // 添加动态路由
                userStore.routers.forEach(route => {
                    // 页面装修
                    if (route.path == DECORATE_ROUTER.path) {
                        DECORATE_ROUTER.children = route.children
                        router.addRoute(DECORATE_ROUTER)
                        return
                    }

                    if (!route.children) {
                        if (route.meta.app == 'admin') {
                            router.addRoute(ADMIN_ROUTE.children[0].name, route)
                        } else {
                            router.addRoute(SITE_ROUTE.children[0].name, route)
                        }
                        return
                    }

                    // 动态添加可访问路由表
                    if (route.meta.app == 'admin') {
                        router.addRoute(ADMIN_ROUTE.name, route)
                    } else {
                        router.addRoute(SITE_ROUTE.name, route)
                    }
                })

                next({ path: to.path, query: to.query, replace: true })
            } catch (err) {
                userStore.logout()
                next({ path: loginPath, query: { redirect: to.fullPath } })
            }
        }
    } else {
        if (to.path === loginPath) {
            next()
        } else {
            next({ path: loginPath, query: { redirect: to.fullPath } })
        }
    }
})

// 全局后置钩子
router.afterEach(() => {
    NProgress.done()
})

export default router