h5-dm-orderFront/src/permission.ts

/**
 * 权限控制
 */

import NProgress from 'nprogress'
import router, { findFirstValidRoute } from './router'
import 'nprogress/nprogress.css'
import { isExternal } from './utils/validate'
import useUserStore from './stores/modules/user'
import { INDEX_ROUTE, INDEX_ROUTE_NAME } from './router/routes'
import { PageEnum } from './enums/pageEnum'
import useTabsStore from './stores/modules/multipleTabs'
import { clearAuthInfo, getShopId } from './utils/auth'
import config from './config'

// NProgress配置
NProgress.configure({ showSpinner: false })

var shopId = getShopId();
const loginPath = PageEnum.LOGIN
const defaultPath = PageEnum.INDEX
// 免登录白名单
const whiteList: string[] = [PageEnum.LOGIN, PageEnum.ERROR_403]

// 检测店铺ID变化并刷新页面的函数
function checkShopIdChange() {
    const currentShopId = getShopId();
    if (shopId !== currentShopId && currentShopId && shopId) {
        console.log('检测到店铺ID变化:', shopId, '->', currentShopId);
        shopId = currentShopId;
        // 刷新页面以更新数据
        window.location.reload();
        return true;
    }
    return false;
}

router.beforeEach(async (to, from, next) => {
    // 开始 Progress Bar
    NProgress.start()
    
    // 检测店铺ID变化
    if (checkShopIdChange()) {
        return; // 如果检测到变化并刷新页面，直接返回
    }
    
    document.title = to.meta.title ?? config.title
    const userStore = useUserStore()
    const tabsStore = useTabsStore()
    console.warn("***userStore***",shopId,userStore.token,to.path)
    if (whiteList.includes(to.path)) {
        // 在免登录白名单，直接进入
        next()
    } else if (userStore.token) {
        // 获取用户信息
        const hasGetUserInfo = Object.keys(userStore.userInfo).length !== 0
        if (hasGetUserInfo) {
            if (to.path === loginPath) {
                next({ path: defaultPath })
            } else {
                next()
            }
        } else {
            try {
                await userStore.getUserInfo()
                await userStore.getMenu()
                const routes = userStore.routes
                // 找到第一个有效路由
                const routeName = findFirstValidRoute(routes)
                // 没有有效路由跳转到403页面
                if (!routeName) {
                    clearAuthInfo()
                    next(PageEnum.LOGIN)
                    return
                }
                tabsStore.setRouteName(routeName!)
                INDEX_ROUTE.redirect = { name: routeName }

                // 动态添加index路由
                router.addRoute(INDEX_ROUTE)
                routes.forEach((route: any) => {
                    // https 则不插入
                    if (isExternal(route.path)) {
                        return
                    }
                    if (!route.children) {
                        router.addRoute(INDEX_ROUTE_NAME, route)
                        return
                    }
                    // 动态添加可访问路由表
                    router.addRoute(route)
                })
                console.warn("***userStore1***",to.path)
                next({ ...to, replace: true })
            } catch (err) {
                console.warn("***userStore2***",err)
                clearAuthInfo()
                next(PageEnum.ERROR_403)
                // window.close();
                // next({ path: loginPath, query: { redirect: to.fullPath } })
            }
        }
    } else {
        console.warn("***userStore-没有token***")
        // next(PageEnum.ERROR_403)
        next({ path: loginPath, query: { redirect: to.fullPath } })
    }
})

router.afterEach(() => {
    NProgress.done()
})