loading.vue 的回调处理统一从 localStorage 读取

src/App.vue

@@ -30,7 +30,7 @@
 			const urlParams = new URLSearchParams(window.location.search);
 			deviceId = urlParams.get('device_id') || '';
 
-			// 兜底：从路径解析（如 /pages/index/index/N1154）
+			// 兜底：从路径解析（如 /N1154）
 			if (!deviceId) {
 				const path = window.location.pathname;
 				const segments = path.split('/').filter(Boolean);
@@ -46,10 +46,33 @@
 			const code = urlParams.get('code');
 
 			if (code) {
-				// 有 code → 进入授权 Loading 页处理，保留 code 参数
+				// 有 code → 进入授权 Loading 页处理
+				// 从 state 中解析 device_id 和 action（OAuth 标准保证 state 原样回传）
+				let action = '';
+				let callbackDeviceId = deviceId || '';
+				try {
+					const stateStr = urlParams.get('state');
+					if (stateStr) {
+						const stateObj = JSON.parse(decodeURIComponent(stateStr));
+						action = stateObj.action || action;
+						callbackDeviceId = stateObj.device_id || callbackDeviceId;
+					}
+				} catch (_) {
+					// state 解析失败，忽略
+				}
+				// 存入 localStorage，确保 loading 页面复用时也能获取（redirectTo 可能不触发 onLoad）
+				if (action) {
+					localStorage.setItem('__auth_action', action);
+				}
+				if (callbackDeviceId) {
+					localStorage.setItem('__auth_device_id', callbackDeviceId);
+				}
 				let loadingUrl = '/pages/auth/loading?code=' + encodeURIComponent(code);
-				if (deviceId) {
+				if (action) {
-					loadingUrl += '&device_id=' + deviceId;
+					loadingUrl += '&action=' + action;
+				}
+				if (callbackDeviceId) {
+					loadingUrl += '&device_id=' + callbackDeviceId;
 				}
 				uni.redirectTo({ url: loadingUrl });
 				return;

src/config/dev.js

@@ -29,7 +29,7 @@ const dev = {
     user_info: {
       user_id: 'mock_user_001',
       phone: '13264706088',
-      open_id: 'test_open_id',
+      open_id: 'mock_openid_002',
       union_id: 'test_union_id',
       nickname: '测试用户',
       avatar: 'https://img.wewemivending.com/vms/us/img/uploads/2025/12/18/6943d37c7d82b3439.jpeg',

src/pages/auth/loading.vue

@@ -15,32 +15,50 @@ export default {
     return {
       statusText: '正在登录...',
       deviceId: '',
+      action: '',
     };
   },
   onLoad(options) {
     this.deviceId = options.device_id || '';
+    this.action = options.action || '';
 
     // #ifdef H5
     // Mock 模式：跳过微信 OAuth，直接登录
-    if (config.mockWechatLogin) {
+    if (config.mockWechatLogin && this.action !== 'userinfo') {
       this.mockLogin();
       return;
     }
 
-    // 优先从页面参数获取 code（App.vue 跳转时带过来）
+    // 从 URL 参数获取 code（App.vue 跳转时带过来）
-    // 兜底从 URL search 参数获取（微信直接回调时）
     let code = options.code || '';
     if (!code) {
       const urlParams = new URLSearchParams(window.location.search);
       code = urlParams.get('code') || '';
     }
 
-    if (code) {
+    // 兜底：从 localStorage 恢复（页面复用时 onLoad 不触发，localStorage 由跳转函数清理）
-      // 有 code → 调用后端登录
+    if (!this.action) {
-      this.handleCallback(code);
+      this.action = localStorage.getItem('__auth_action') || '';
+    }
+    if (!this.deviceId) {
+      this.deviceId = localStorage.getItem('__auth_device_id') || '';
+    }
+    console.log('[loading] onLoad - action:', this.action, 'deviceId:', this.deviceId, 'code:', code ? 'yes' : 'no');
+
+    if (this.action === 'userinfo') {
+      // 获取用户信息流程
+      if (code) {
+        this.handleUserInfoCallback(code);
+      } else {
+        this.startUserInfoAuth();
+      }
     } else {
-      // 无 code → 发起 OAuth 授权
+      // 登录流程
-      this.startAuth();
+      if (code) {
+        this.handleCallback(code);
+      } else {
+        this.startAuth();
+      }
     }
     // #endif
 
@@ -51,7 +69,7 @@ export default {
   },
   methods: {
     /**
-     * 发起 OAuth 授权
+     * 发起 OAuth 授权（静默授权，只获取 openid）
      */
     async startAuth() {
       const platform = detectPlatform();
@@ -66,21 +84,39 @@ export default {
       try {
         this.statusText = '正在获取授权...';
 
-        // 回调地址必须是 HTTPS，使用配置文件中的地址
+        // 存入 localStorage（页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
         const redirectUri = config.authRedirectUri || (
           window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
         );
 
+        // 使用 snsapi_base 静默授权，不弹窗
         const res = await gatewayGet('/api/v1/user/auth/url', {
           app_no: appNo,
-          scopes: 'snsapi_userinfo',
+          scopes: 'snsapi_base',
           redirect_uri: redirectUri,
         });
 
         const data = res.data || {};
         if (data.code === 0 && data.data && data.data.auth_url) {
-          // 跳转微信授权页
+          // 通过 state 传递 device_id（OAuth 标准保证 state 原样回传）
-          window.location.href = data.data.auth_url;
+          let authUrl = data.data.auth_url;
+          if (this.deviceId) {
+            const stateVal = encodeURIComponent(JSON.stringify({ device_id: this.deviceId }));
+            try {
+              const urlObj = new URL(authUrl);
+              urlObj.searchParams.set('state', stateVal);
+              authUrl = urlObj.toString();
+            } catch (_) {
+              authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
+            }
+          }
+          // 跳转微信授权页（静默，不弹窗）
+          window.location.href = authUrl;
         } else {
           uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
           setTimeout(() => this.goToScan(), 1500);
@@ -93,7 +129,7 @@ export default {
     },
 
     /**
-     * 处理授权回调（从 URL 中获取 code 后调用后端 /login）
+     * 处理授权回调（用 code 换 openid，再用 openid 登录）
      */
     async handleCallback(code) {
       const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
@@ -107,35 +143,57 @@ export default {
       try {
         this.statusText = '正在验证身份...';
 
-        const res = await gatewayPost('/api/v1/user/login', {
+        // 1. 用 code 换取 openid（snsapi_base 静默授权）
+        const callbackRes = await gatewayPost('/api/v1/user/auth/exchange', {
           app_no: appNo,
           code: code,
         });
 
-        const data = res.data || {};
+        const callbackData = callbackRes.data || {};
+        console.log('[loading] auth callback response:', JSON.stringify(callbackData, null, 2));
+
+        if (callbackData.code !== 0 || !callbackData.data) {
+          uni.showToast({ title: callbackData.message || '授权失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+          return;
+        }
+
+        const openid = callbackData.data.openid;
+        if (!openid) {
+          uni.showToast({ title: '获取用户标识失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+          return;
+        }
+
+        // 清除 URL 中的 code 参数，避免刷新重复处理
+        const url = new URL(window.location.href);
+        url.searchParams.delete('code');
+        url.searchParams.delete('state');
+        window.history.replaceState({}, '', url.toString());
+
+        // 存储 openid
+        uni.setStorageSync('openid', openid);
+
+        // 2. 用 openid 调用登录接口
+        this.statusText = '正在登录...';
+        const loginRes = await gatewayPost('/api/v1/user/login', {
+          app_no: appNo,
+          openid: openid,
+        });
+
+        const data = loginRes.data || {};
         console.log('[loading] login response:', JSON.stringify(data, null, 2));
 
         if (data.code === 0 && data.data) {
           const result = data.data;
-          console.log('[loading] login result:', JSON.stringify(result, null, 2));
-
-          // 清除 URL 中的 code 参数，避免刷新重复处理
-          const url = new URL(window.location.href);
-          url.searchParams.delete('code');
-          url.searchParams.delete('state');
-          window.history.replaceState({}, '', url.toString());
 
           if (result.register) {
-            // 已注册 → 缓存 JWT → 跳转首页
+            // 已注册 → 存 token → 进入开门页
             uni.setStorageSync('token', result.token);
-            uni.setStorageSync('user_info', result.user_info);
-            console.log('[loading] stored user_info:', JSON.stringify(result.user_info, null, 2));
             this.goToHome();
           } else {
-            // 未注册 → 缓存临时数据 → 跳转注册页
+            // 未注册 → 存 temp_token → 跳注册页
             uni.setStorageSync('temp_token', result.temp_token);
-            uni.setStorageSync('auth_info', result.auth_info);
-            console.log('[loading] stored auth_info:', JSON.stringify(result.auth_info, null, 2));
             this.goToRegister();
           }
         } else {
@@ -149,10 +207,140 @@ export default {
       }
     },
 
+    /**
+     * 发起非静默授权获取用户信息（snsapi_userinfo，弹窗确认）
+     */
+    async startUserInfoAuth() {
+      const platform = detectPlatform();
+      const appNo = getAppNo(platform);
+
+      if (!appNo) {
+        // 非微信环境，直接跳回首页
+        this.goToHomeWithAction();
+        return;
+      }
+
+      try {
+        this.statusText = '正在获取用户信息...';
+
+        // 存入 localStorage（页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        localStorage.setItem('__auth_action', 'userinfo');
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
+        const redirectUri = config.authRedirectUri || (
+          window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
+        );
+
+        const res = await gatewayGet('/api/v1/user/auth/url', {
+          app_no: appNo,
+          scopes: 'snsapi_userinfo',
+          redirect_uri: redirectUri,
+        });
+
+        const data = res.data || {};
+        if (data.code === 0 && data.data && data.data.auth_url) {
+          // 通过 state 传递 action 和 device_id（OAuth 标准保证 state 原样回传）
+          const stateObj = { action: 'userinfo' };
+          if (this.deviceId) {
+            stateObj.device_id = this.deviceId;
+          }
+          const stateVal = encodeURIComponent(JSON.stringify(stateObj));
+          let authUrl = data.data.auth_url;
+          try {
+            const urlObj = new URL(authUrl);
+            urlObj.searchParams.set('state', stateVal);
+            authUrl = urlObj.toString();
+          } catch (_) {
+            authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
+          }
+          // 跳转微信授权页（弹窗确认）
+          window.location.href = authUrl;
+        } else {
+          uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
+          setTimeout(() => this.goToHomeWithAction(), 1500);
+        }
+      } catch (e) {
+        console.error('[Auth] startUserInfoAuth error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+        setTimeout(() => this.goToHomeWithAction(), 1500);
+      }
+    },
+
+    /**
+     * 处理用户信息授权回调（用 code 调 /api/v1/user/info 获取头像昵称）
+     */
+    async handleUserInfoCallback(code) {
+      const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
+
+      if (!appNo) {
+        this.goToHomeWithAction();
+        return;
+      }
+
+      try {
+        this.statusText = '正在获取用户信息...';
+
+        // 清除 URL 中的 code/action 参数，避免刷新重复处理
+        const url = new URL(window.location.href);
+        url.searchParams.delete('code');
+        url.searchParams.delete('state');
+        url.searchParams.delete('action');
+        window.history.replaceState({}, '', url.toString());
+
+        // 用 code 调用 POST /api/v1/user/info 获取用户信息（必须用 POST，GET 是另一个端点）
+        console.log('[loading] 请求 POST user/info, app_no:', appNo, 'code:', code);
+        const res = await gatewayPost('/api/v1/user/info', {
+          app_no: appNo,
+          code: code,
+        });
+
+        const data = res.data || {};
+        console.log('[loading] user/info response:', JSON.stringify(data, null, 2));
+        console.log('[loading] user/info statusCode:', res.statusCode);
+
+        if (data.code === 0 && data.data) {
+          const userInfo = data.data;
+          // 存入缓存
+          uni.setStorageSync('user_info', {
+            nickname: userInfo.nickname || '',
+            avatar: userInfo.avatar || '',
+            phone: userInfo.phone || '',
+          });
+        } else {
+          console.warn('[loading] 获取用户信息失败:', data.message);
+        }
+
+        // 跳回首页（我的 tab）
+        this.goToHomeWithAction();
+      } catch (e) {
+        console.error('[Auth] handleUserInfoCallback error:', e);
+        this.goToHomeWithAction();
+      }
+    },
+
+    /**
+     * 跳回首页并标记为"我的"tab
+     */
+    goToHomeWithAction() {
+      // 兼容页面复用：优先 this.deviceId，其次 localStorage
+      const deviceId = this.deviceId || localStorage.getItem('__auth_device_id') || '';
+      const url = deviceId
+        ? `/pages/index/index?device_id=${deviceId}&action=mine`
+        : '/pages/index/index?action=mine';
+      localStorage.removeItem('__auth_device_id');
+      localStorage.removeItem('__auth_action');
+      uni.redirectTo({ url });
+    },
+
     goToHome() {
-      const url = this.deviceId
+      const deviceId = this.deviceId || localStorage.getItem('__auth_device_id') || '';
-        ? `/pages/index/index?device_id=${this.deviceId}`
+      const url = deviceId
+        ? `/pages/index/index?device_id=${deviceId}`
         : '/pages/index/index';
+      localStorage.removeItem('__auth_device_id');
       uni.redirectTo({ url });
     },
 
@@ -176,60 +364,60 @@ export default {
     },
 
     /**
-     * Mock 登录（开发环境模拟不同用户状态）
+     * Mock 登录（跳过微信授权，调用真实登录接口）
      */
     async mockLogin() {
       const mode = config.mockWechatLogin;
       const mock = config.mockUser;
+      const mockOpenid = mock.user_info.open_id;
 
-      if (mode === 'register' || mode === 'login') {
+      // 'skip' 模式直接登录，不调接口
-        // 调用真实登录接口，用测试 code
+      if (mode === 'skip') {
-        this.statusText = '模拟：获取授权信息...';
-        const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform()) || config.mockAppNo;
-
-        try {
-          const res = await gatewayPost('/api/v1/user/login', {
-            app_no: appNo,
-            code: 'test_code',
-          });
-
-          const data = res.data || {};
-          if (data.code === 0 && data.data) {
-            const result = data.data;
-
-            if (result.register) {
-              // 已注册
-              uni.setStorageSync('token', result.token);
-              uni.setStorageSync('user_info', result.user_info);
-              console.log('[Auth] Mock: existing user → home');
-              this.goToHome();
-            } else {
-              // 未注册 → 存真实的 temp_token，合并 mock 头像昵称
-              const authInfo = {
-                ...mock.user_info,
-                ...result.auth_info,
-              };
-              uni.setStorageSync('temp_token', result.temp_token);
-              uni.setStorageSync('auth_info', authInfo);
-              console.log('[Auth] Mock: new user → register, temp_token:', result.temp_token);
-              this.goToRegister();
-            }
-          } else {
-            uni.showToast({ title: data.message || '登录接口返回异常', icon: 'none' });
-            console.error('[Auth] Mock login failed:', data);
-          }
-        } catch (e) {
-          console.error('[Auth] Mock login error:', e);
-          uni.showToast({ title: '网络请求失败', icon: 'none' });
-        }
-
-      } else {
-        // 'skip' → 直接登录
         this.statusText = '模拟登录中...';
         uni.setStorageSync('token', mock.token);
-        uni.setStorageSync('user_info', mock.user_info);
+        uni.setStorageSync('openid', mockOpenid);
-        console.log('[Auth] Mock: skip → home');
+        console.log('[Auth] Mock skip → home');
         setTimeout(() => this.goToHome(), 500);
+        return;
+      }
+
+      // 'register' / 'login' 模式：调用真实登录接口，传 mock openid
+      this.statusText = '模拟：调用登录接口...';
+      const appNo = uni.getStorageSync('app_no') || config.mockAppNo;
+
+      try {
+        const res = await gatewayPost('/api/v1/user/login', {
+          app_no: appNo,
+          openid: mockOpenid,
+        });
+
+        const data = res.data || {};
+        console.log('[Auth] Mock login response:', JSON.stringify(data, null, 2));
+
+        if (data.code === 0 && data.data) {
+          const result = data.data;
+
+          // 存储 openid
+          uni.setStorageSync('openid', result.openid || mockOpenid);
+
+          if (result.register) {
+            // 已注册 → 存 token → 跳首页
+            uni.setStorageSync('token', result.token);
+            console.log('[Auth] Mock: existing user → home');
+            this.goToHome();
+          } else {
+            // 未注册 → 存 temp_token → 跳注册页
+            uni.setStorageSync('temp_token', result.temp_token);
+            console.log('[Auth] Mock: new user → register');
+            this.goToRegister();
+          }
+        } else {
+          uni.showToast({ title: data.message || '登录失败', icon: 'none' });
+          console.error('[Auth] Mock login failed:', data);
+        }
+      } catch (e) {
+        console.error('[Auth] Mock login error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
       }
     },
   },

src/pages/index/index.vue

@@ -103,7 +103,7 @@
       <!-- 蓝色个人信息区域 -->
       <view class="user-header">
         <view class="user-info">
-          <view class="avatar-wrapper">
+          <view class="avatar-wrapper" @click="handleAvatarClick">
             <image class="avatar" :src="userInfo.avatar || '/static/default-avatar.png'" mode="aspectFill" />
           </view>
           <view class="user-detail">
@@ -122,6 +122,13 @@
           </view>
         </view>
 
+        <!-- 退出登录 -->
+        <view class="menu-list logout-btn" @click="handleLogout">
+          <view class="menu-item">
+            <text class="menu-text" style="color: #e4393c; text-align: center; width: 100%;">退出登录</text>
+          </view>
+        </view>
+
         <!-- 开发调试工具（仅开发环境显示） -->
         <view v-if="isDev" class="dev-tools">
           <view class="dev-tools-title">开发工具</view>
@@ -134,7 +141,7 @@
 
       <!-- 底部左右箭头导航条 -->
       <page-nav-bar
-        :hasPrev="true"
+        :hasPrev="canGoBack"
         :hasNext="false"
         @prev="handleNavPrev"
         @next="handleNavNext"
@@ -156,8 +163,8 @@
 <script>
 import PageNavBar from '@/components/page-nav-bar/page-nav-bar.vue';
 import config from '@/config/env.js';
-import { get } from '@/utils/request.js';
+import { get, gatewayGet } from '@/utils/request.js';
-import { checkLoginWithPrompt, getCachedUserInfo } from '@/utils/auth-guard.js';
+import { checkLoginWithPrompt, getCachedUserInfo, isLoggedIn } from '@/utils/auth-guard.js';
 import { isVConsoleEnabled, showVConsole, hideVConsole } from '@/utils/vconsole';
 
 export default {
@@ -171,6 +178,9 @@ export default {
       categoryList: [],
       activeCategory: 'all',
       userInfo: { nickname: '', phone: '', avatar: '' },
+      avatarClickCount: 0,
+      avatarClickTimer: null,
+      fromPage: '', // 记录从哪个页面跳转过来的
       menuList: [
         { title: '我的订单', action: 'order' },
         { title: '常见问题', action: 'faq' },
@@ -184,6 +194,10 @@ export default {
     };
   },
   computed: {
+    canGoBack() {
+      // 有上一页，或者从 tab 切换过来的，都可以返回
+      return getCurrentPages().length > 1 || this.fromPage === 'tab';
+    },
     maskedPhone() {
       const p = this.userInfo.phone;
       return p ? p.substring(0,3) + '****' + p.substring(7) : '';
@@ -212,17 +226,29 @@ export default {
     this.isWechat = /MicroMessenger/i.test(navigator.userAgent);
     // #endif
 
+    // 处理"我的"用户信息授权回调（从 loading 页跳回）
+    if (options.action === 'mine') {
+      this.currentTab = 'mine';
+      this.fromPage = 'navigate';
+    }
+
     // 支持通过 tab 参数切换到"我的"页面
     if (options.tab === 'mine') {
       this.currentTab = 'mine';
+      this.fromPage = 'navigate';
     }
 
     if (options.device_id) {
       this.deviceId = options.device_id;
+      uni.setNavigationBarTitle({ title: `智能货柜-${this.deviceId}` });
       this.fetchProducts();
-    } else if (!options.tab) {
+    } else if (!options.tab && options.action !== 'mine') {
-      // 无设备编号且非 tab 跳转，跳回扫码页
+      // 无设备编号且非 tab/action 跳转，提示并跳至扫码页
-      uni.redirectTo({ url: '/pages/index/scan' });
+      uni.showToast({ title: '请扫描设备二维码', icon: 'none' });
+      setTimeout(() => {
+        uni.redirectTo({ url: '/pages/index/scan' });
+      }, 1500);
+      return;
     }
 
     // 加载缓存的用户信息
@@ -241,9 +267,21 @@ export default {
   },
   methods: {
     switchTab(tab) {
-      // 切换到"我的"Tab 时检查登录
+      if (tab === 'mine') {
-      if (tab === 'mine' && !checkLoginWithPrompt('mine')) return;
+        // 切换到"我的"Tab 时检查登录
-      this.currentTab = tab;
+        if (!checkLoginWithPrompt('mine')) return;
+        this.currentTab = tab;
+        this.fromPage = 'tab';
+        // 已有缓存的用户信息则直接显示，否则发起非静默授权获取
+        const cached = getCachedUserInfo();
+        if (cached && cached.nickname) {
+          this.userInfo = { ...this.userInfo, ...cached };
+        } else {
+          this.startUserInfoAuth();
+        }
+      } else {
+        this.currentTab = tab;
+      }
     },
     switchCategory(cat) { this.activeCategory = cat; },
     getDisplayPrice(item) {
@@ -262,6 +300,77 @@ export default {
       }
       console.log('[index] this.userInfo:', JSON.stringify(this.userInfo, null, 2));
     },
+    // 发起非静默授权获取用户信息（snsapi_userinfo）
+    async startUserInfoAuth() {
+      // Mock 模式下，直接使用 mock 数据
+      if (config.mockWechatLogin) {
+        const cached = getCachedUserInfo();
+        if (cached && cached.nickname) {
+          this.userInfo = { ...this.userInfo, ...cached };
+        } else {
+          this.userInfo = {
+            nickname: config.mockUser.user_info.nickname || '',
+            phone: config.mockUser.user_info.phone || '',
+            avatar: config.mockUser.user_info.avatar || '',
+          };
+          uni.setStorageSync('user_info', this.userInfo);
+        }
+        return;
+      }
+
+      const appNo = uni.getStorageSync('app_no');
+      if (!appNo) {
+        console.warn('[index] 无法获取应用信息');
+        return;
+      }
+
+      try {
+        // 存入 localStorage（loading 页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        localStorage.setItem('__auth_action', 'userinfo');
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
+        const redirectUri = config.authRedirectUri || (
+          window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
+        );
+
+        // 获取非静默授权链接（会弹窗确认）
+        const res = await gatewayGet('/api/v1/user/auth/url', {
+          app_no: appNo,
+          scopes: 'snsapi_userinfo',
+          redirect_uri: redirectUri,
+        });
+
+        const data = res.data || {};
+        if (data.code === 0 && data.data && data.data.auth_url) {
+          // 通过 state 传递 action 和 device_id（OAuth 标准保证 state 原样回传）
+          const stateObj = { action: 'userinfo' };
+          if (this.deviceId) {
+            stateObj.device_id = this.deviceId;
+          }
+          const stateVal = encodeURIComponent(JSON.stringify(stateObj));
+          // 解析 auth_url，安全地设置 state 参数（避免重复）
+          let authUrl = data.data.auth_url;
+          try {
+            const urlObj = new URL(authUrl);
+            urlObj.searchParams.set('state', stateVal);
+            authUrl = urlObj.toString();
+          } catch (_) {
+            // URL 解析失败时直接拼接
+            authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
+          }
+          console.log('[index] 跳转授权页:', authUrl);
+          // 跳转微信授权页（弹窗确认）
+          window.location.href = authUrl;
+        } else {
+          console.warn('[index] 获取授权链接失败:', data.message);
+        }
+      } catch (e) {
+        console.error('[index] startUserInfoAuth error:', e);
+      }
+    },
     async fetchProducts() {
       this.loading = true;
 
@@ -307,8 +416,54 @@ export default {
           break;
       }
     },
-    handleNavPrev() { this.currentTab = 'home'; },
+    handleNavPrev() {
+      if (this.fromPage === 'navigate') {
+        // 从其他页面 navigateTo 过来的，返回上一页
+        uni.navigateBack();
+      } else if (this.fromPage === 'tab') {
+        // 从首页 tab 切换过来的，切换回首页
+        this.currentTab = 'home';
+      }
+      // 其他情况不执行操作
+    },
     handleNavNext() { uni.showToast({ title: '暂无下一页', icon: 'none' }); },
+    handleAvatarClick() {
+      this.avatarClickCount++;
+      clearTimeout(this.avatarClickTimer);
+
+      if (this.avatarClickCount >= 10) {
+        // 点击10次，清除缓存
+        this.avatarClickCount = 0;
+        this.clearCacheAndReload();
+      } else {
+        // 2秒后重置计数
+        this.avatarClickTimer = setTimeout(() => {
+          this.avatarClickCount = 0;
+        }, 2000);
+      }
+    },
+    handleLogout() {
+      uni.showModal({
+        title: '退出登录',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            this.clearCacheAndReload();
+          }
+        }
+      });
+    },
+    clearCacheAndReload() {
+      uni.clearStorageSync();
+      uni.showToast({ title: '已退出登录', icon: 'success' });
+      setTimeout(() => {
+        // 跳转到干净的URL，去掉code/state参数，避免重复使用旧code
+        const url = new URL(window.location.href);
+        url.searchParams.delete('code');
+        url.searchParams.delete('state');
+        window.location.href = url.toString();
+      }, 1000);
+    },
     onVConsoleChange(e) {
       const enabled = e.detail.value;
       if (enabled) {
@@ -329,6 +484,7 @@ page { height: 100%; background-color: #fff; }
 
 /* ====== 首页样式 ====== */
 .home-page { display: flex; flex-direction: column; height: 100%; }
+
 .product-area { flex: 1; overflow-y: auto; height: 0; }
 
 /* 热销商品标题 + 装饰 */
@@ -457,6 +613,7 @@ page { height: 100%; background-color: #fff; }
 .menu-item:last-child { border-bottom: none; }
 .menu-text { font-size: 30rpx; color: #333; }
 .menu-arrow { font-size: 28rpx; color: #ccc; }
+.logout-btn { margin-top: 20rpx; }
 
 /* 开发工具区域 */
 .dev-tools { margin-top: 20rpx; background-color: #fff; border-radius: 16rpx; overflow: hidden; }

src/pages/index/scan.vue

@@ -101,7 +101,25 @@ export default {
   methods: {
     handleScan() {
       // #ifdef H5
-      uni.showToast({ title: 'H5 环境暂不支持扫码', icon: 'none' });
+      // 检测是否在微信环境
+      const isWechat = /MicroMessenger/i.test(navigator.userAgent);
+      if (isWechat) {
+        // 微信环境：拉起微信扫一扫
+        // 注意：需要后端配合引入微信 JS-SDK 并完成签名配置
+        uni.showToast({ title: '请使用微信扫一扫功能', icon: 'none' });
+        // 如果已配置微信 JS-SDK，可以使用：
+        // wx.scanQRCode({
+        //   needResult: 1,
+        //   scanType: ['qrCode', 'barCode'],
+        //   success: (res) => {
+        //     const result = res.resultStr;
+        //     this.parseScanResult(result);
+        //   }
+        // });
+      } else {
+        // 非微信环境
+        uni.showToast({ title: '请使用微信扫码或在小程序中打开', icon: 'none' });
+      }
       // #endif
 
       // #ifdef MP-WEIXIN

src/pages/register/register.vue

@@ -69,6 +69,7 @@
 
 <script>
 import { gatewayPost } from '@/utils/request.js';
+import config from '@/config/env.js';
 
 export default {
   data() {
@@ -153,7 +154,7 @@ export default {
       }, 1000);
     },
 
-    // 注册
+    // 注册（Mock 模式也走真实接口）
     async handleRegister() {
       if (!this.canSubmit) return;
 
@@ -183,16 +184,21 @@ export default {
 
         const ret = res.data || {};
         if (ret.code === 0 && ret.data) {
-          // 合并微信授权信息（头像、昵称）到 user_info
+          // 保存 token
-          const authInfo = uni.getStorageSync('auth_info') || {};
-          const userInfo = {
-            ...authInfo,
-            ...ret.data.user_info,
-          };
-
-          // 保存 token 和用户信息
           uni.setStorageSync('token', ret.data.token);
-          uni.setStorageSync('user_info', userInfo);
+
+          // Mock 模式下，合并真实注册信息和 mock 配置
+          if (config.mockWechatLogin) {
+            const mockInfo = config.mockUser.user_info;
+            const userInfo = {
+              user_id: ret.data.user_id || mockInfo.user_id,
+              phone: this.phone,  // 使用真实注册的手机号
+              nickname: mockInfo.nickname,
+              avatar: mockInfo.avatar,
+            };
+            uni.setStorageSync('user_info', userInfo);
+            console.log('[register] Mock 模式，合并用户信息:', userInfo);
+          }
 
           // 清除临时数据
           uni.removeStorageSync('temp_token');
@@ -200,19 +206,7 @@ export default {
 
           uni.hideLoading();
           uni.showToast({ title: '注册成功', icon: 'success' });
-
+          setTimeout(() => this.navigateToTarget(), 1500);
-          // 跳转到扫码时的页面（优先使用缓存的扫码URL）
-          setTimeout(() => {
-            const scanRedirectUrl = uni.getStorageSync('__scan_redirect_url');
-            uni.removeStorageSync('__scan_redirect_url'); // 使用后立即清除
-
-            const url = scanRedirectUrl
-              ? scanRedirectUrl
-              : this.deviceId
-                ? `/pages/index/index?device_id=${this.deviceId}`
-                : '/pages/index/index';
-            uni.redirectTo({ url });
-          }, 1500);
         } else {
           uni.hideLoading();
           uni.showToast({ title: ret.message || '注册失败', icon: 'none' });
@@ -223,6 +217,19 @@ export default {
       }
     },
 
+    // 跳转到目标页面
+    navigateToTarget() {
+      const scanRedirectUrl = uni.getStorageSync('__scan_redirect_url');
+      uni.removeStorageSync('__scan_redirect_url');
+
+      const url = scanRedirectUrl
+        ? scanRedirectUrl
+        : this.deviceId
+          ? `/pages/index/index?device_id=${this.deviceId}`
+          : '/pages/index/index';
+      uni.redirectTo({ url });
+    },
+
     showAgreement(type) {
       const title = type === 'user' ? '用户协议' : '隐私政策';
       uni.showToast({ title: title + '开发中', icon: 'none' });

src/utils/request.js

@@ -40,10 +40,11 @@ export function request(options = {}) {
   // 公开接口（授权/登录/注册相关）不带 Authorization，避免 CORS 预检和 JWT 拦截
   const publicPaths = [
     '/api/v1/user/auth/url',
-    '/api/v1/user/auth/callback',
+    '/api/v1/user/auth/exchange',
     '/api/v1/user/login',
     '/api/v1/user/register',
     '/api/v1/user/sms/send',
+    '/api/v1/user/info',
   ];
   const isPublic = publicPaths.some((p) => url.includes(p));