| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- /* eslint-disable brace-style */ // 原因:unibest 官方维护的代码,尽量不要大概,避免难以合并
- import { isMp } from '@uni-helper/uni-env'
- /**
- * by 菲鸽 on 2025-08-19
- * 路由拦截,通常也是登录拦截
- * 黑、白名单的配置,请看 config.ts 文件, EXCLUDE_LOGIN_PATH_LIST
- */
- import { useTokenStore } from '@/store/token'
- import { isPageTabbar, tabbarStore } from '@/tabbar/store'
- import { getAllPages, getLastPage, HOME_PAGE, parseUrlToObj } from '@/utils/index'
- import { toLoginPage } from '@/utils/toLoginPage'
- import { EXCLUDE_LOGIN_PATH_LIST, isNeedLoginMode, LOGIN_PAGE, LOGIN_PAGE_ENABLE_IN_MP, NOT_FOUND_PAGE } from './config'
- export const FG_LOG_ENABLE = false
- let excludeListInited = false // 标记 EXCLUDE_LOGIN_PATH_LIST 是否已经根据 getAllPages('excludeLoginPath') 做过一次性补充(仅非开发环境)
- export function judgeIsExcludePath(path: string) {
- const isDev = import.meta.env.DEV
- if (!isDev) {
- // edit by 芋艿:非开发环境下,只初始化一次
- if (!excludeListInited) {
- const pages = getAllPages('excludeLoginPath')
- pages.forEach((page) => {
- if (!EXCLUDE_LOGIN_PATH_LIST.includes(page.path)) {
- EXCLUDE_LOGIN_PATH_LIST.push(page.path)
- }
- })
- excludeListInited = true
- }
- return EXCLUDE_LOGIN_PATH_LIST.includes(path)
- }
- const allExcludeLoginPages = getAllPages('excludeLoginPath') // dev 环境下,需要每次都重新获取,否则新配置就不会生效
- return EXCLUDE_LOGIN_PATH_LIST.includes(path) || (isDev && allExcludeLoginPages.some(page => page.path === path))
- }
- export const navigateToInterceptor = {
- // 注意,这里的url是 '/' 开头的,如 '/pages/index/index',跟 'pages.json' 里面的 path 不同
- // 增加对相对路径的处理,BY 网友 @ideal
- invoke({ url, query }: { url: string, query?: Record<string, string> }) {
- if (url === undefined) {
- return
- }
- let { path, query: _query } = parseUrlToObj(url)
- FG_LOG_ENABLE && console.log('\n\n路由拦截器:-------------------------------------')
- FG_LOG_ENABLE && console.log('路由拦截器 1: url->', url, ', query ->', query)
- const myQuery = { ..._query, ...query }
- // /pages/route-interceptor/index?name=feige&age=30
- FG_LOG_ENABLE && console.log('路由拦截器 2: path->', path, ', _query ->', _query)
- FG_LOG_ENABLE && console.log('路由拦截器 3: myQuery ->', myQuery)
- // 处理相对路径
- if (!path.startsWith('/')) {
- const currentPath = getLastPage()?.route || ''
- const normalizedCurrentPath = currentPath.startsWith('/') ? currentPath : `/${currentPath}`
- const baseDir = normalizedCurrentPath.substring(0, normalizedCurrentPath.lastIndexOf('/'))
- path = `${baseDir}/${path}`
- }
- // 处理路由不存在的情况
- if (path !== '/' && !getAllPages().some(page => page.path !== path)) {
- console.warn('路由不存在:', path)
- uni.navigateTo({ url: NOT_FOUND_PAGE })
- return false // 明确表示阻止原路由继续执行
- }
- // 插件页面
- if (url.startsWith('plugin://')) {
- FG_LOG_ENABLE && console.log('路由拦截器 4: plugin:// 路径 ==>', url)
- path = url
- }
- // 处理直接进入路由非首页时,tabbarIndex 不正确的问题
- tabbarStore.setAutoCurIdx(path)
- // 小程序里面使用平台自带的登录,则不走下面的逻辑
- if (isMp && !LOGIN_PAGE_ENABLE_IN_MP) {
- return true // 明确表示允许路由继续执行
- }
- const tokenStore = useTokenStore()
- FG_LOG_ENABLE && console.log('tokenStore.hasLogin:', tokenStore.hasLogin)
- // 不管黑白名单,登录了就直接去吧(但是当前不能是登录页)
- if (tokenStore.hasLogin) {
- if (path !== LOGIN_PAGE) {
- return true // 明确表示允许路由继续执行
- } else {
- console.log('已经登录,但是还在登录页', myQuery.redirect)
- const url = myQuery.redirect || HOME_PAGE
- if (isPageTabbar(url)) {
- uni.switchTab({ url })
- } else {
- uni.navigateTo({ url })
- }
- return false // 明确表示阻止原路由继续执行
- }
- }
- let fullPath = path
- if (Object.keys(myQuery).length) {
- fullPath += `?${Object.keys(myQuery).map(key => `${key}=${myQuery[key]}`).join('&')}`
- }
- const redirectQuery = `?redirect=${encodeURIComponent(fullPath)}`
- // #region 1/2 默认需要登录的情况(白名单策略) ---------------------------
- if (isNeedLoginMode) {
- // 需要登录里面的 EXCLUDE_LOGIN_PATH_LIST 表示白名单,可以直接通过
- if (judgeIsExcludePath(path)) {
- return true // 明确表示允许路由继续执行
- }
- // 否则需要重定向到登录页
- else {
- if (path === LOGIN_PAGE) {
- return true // 明确表示允许路由继续执行
- }
- FG_LOG_ENABLE && console.log('1 isNeedLogin(白名单策略) url:', fullPath)
- toLoginPage({ queryString: redirectQuery })
- return false // 明确表示阻止原路由继续执行
- }
- }
- // #endregion 1/2 默认需要登录的情况(白名单策略) ---------------------------
- // #region 2/2 默认不需要登录的情况(黑名单策略) ---------------------------
- else {
- // 不需要登录里面的 EXCLUDE_LOGIN_PATH_LIST 表示黑名单,需要重定向到登录页
- if (judgeIsExcludePath(path)) {
- FG_LOG_ENABLE && console.log('2 isNeedLogin(黑名单策略) url:', fullPath)
- toLoginPage({ queryString: redirectQuery })
- return false // 修改为false,阻止原路由继续执行
- }
- return true // 明确表示允许路由继续执行
- }
- // #endregion 2/2 默认不需要登录的情况(黑名单策略) ---------------------------
- },
- }
- export const routeInterceptor = {
- install() {
- uni.addInterceptor('navigateTo', navigateToInterceptor)
- uni.addInterceptor('reLaunch', navigateToInterceptor)
- uni.addInterceptor('redirectTo', navigateToInterceptor)
- uni.addInterceptor('switchTab', navigateToInterceptor)
- },
- }
|