..

2025-04-25 08:48:11 +08:00
parent 94656c9449
commit 89c2b07ca9
19 changed files with 1702 additions and 1604 deletions
@@ -0,0 +1,98 @@
+import {Dialog} from "tdesign-mobile-vue";
+
+/**
+ * 路由拦截器配置
+ * @param {Array} whiteList - 不需要登录就可以访问的页面路径列表
+ */
+export const setupRouterInterceptor = (whiteList = []) => {
+    // 添加各种导航方法的拦截器
+    addNavigationInterceptors(whiteList)
+}
+
+/**
+ * 添加所有导航方法的拦截器
+ * @param {Array} whiteList - 白名单页面列表
+ */
+function addNavigationInterceptors(whiteList) {
+    // 页面跳转拦截
+    uni.addInterceptor('navigateTo', {
+        invoke: (args) => routeInterceptor(args, whiteList)
+    })
+
+    // 页面重定向拦截
+    uni.addInterceptor('redirectTo', {
+        invoke: (args) => routeInterceptor(args, whiteList)
+    })
+
+    // 页面重启动拦截
+    uni.addInterceptor('reLaunch', {
+        invoke: (args) => routeInterceptor(args, whiteList)
+    })
+
+    // Tab切换拦截
+    uni.addInterceptor('switchTab', {
+        invoke: (args) => routeInterceptor(args, whiteList)
+    })
+}
+
+/**
+ * 路由拦截处理函数
+ * @param {Object} args - 导航参数
+ * @param {Array} whiteList - 白名单页面列表
+ * @returns {Object|boolean} - 继续导航或阻止导航
+ */
+function routeInterceptor(args, whiteList) {
+    // 获取目标路径
+    const token = uni.getStorageSync('token')
+    const targetUrl = args.url
+
+    // 检查目标路径是否在白名单中
+    const isInWhiteList = whiteList.some(path => {
+        return targetUrl.startsWith(path) || targetUrl === path
+    })
+
+    console.log('路由拦截检查:', {url: targetUrl, isInWhiteList, hasToken: !!token})
+
+    // 如果不在白名单且未登录，则跳转到登录页
+    if (!isInWhiteList && !token) {
+        console.log('拦截导航，跳转到登录页')
+
+        // 保存用户尝试访问的页面，以便登录后跳回
+        try {
+            uni.setStorageSync('REDIRECT_URL', targetUrl)
+        } catch (e) {
+        }
+
+        Dialog.confirm({
+            title: '提示',
+            content: '您尚未登录，是否前往登录页面？',
+            cancelBtn: '取消',
+            confirmBtn: '确认',
+            onConfirm: () => {
+                uni.navigateTo({
+                    url: '/pages/login/index'
+                })
+            },
+            onCancel: () => {
+                console.log('取消登录')
+            }
+        })
+        // 阻止原导航
+        return false
+    }
+    // 继续原导航
+    return args
+}
+
+/**
+ * 获取白名单页面配置
+ * @returns {Array} 默认白名单页面列表
+ */
+export const getDefaultWhiteList = () => {
+    return [
+        '/',
+        '/pages/index/index',
+        '/pages/login/index',
+        '/pages/profile/index'
+    ]
+}