fix: use access token from supabase

Author: GreenDou

src/api/payment.ts

@@ -1,3 +1,4 @@
+import { supabase } from '@/lib/supabase';
 import apiClient from './apiClient';
 
 // Payment API base URL / 支付API基础URL
@@ -12,16 +13,22 @@ const paymentApiClient = apiClient.create({
 });
 
 // Add auth interceptor for payment API / 为支付API添加认证拦截器
-paymentApiClient.interceptors.request.use((config) => {
-  // Get user session from localStorage / 从localStorage获取用户会话
-  const sessionStr = localStorage.getItem('userSession');
-  if (sessionStr) {
+paymentApiClient.interceptors.request.use(async (config) => {
+  const result = await supabase.auth.getSession();
+  const accessToken = result.data.session?.access_token;
+  if (accessToken) {
     try {
-      // Parse session JSON and extract access token / 解析会话JSON并提取访问令牌
-      const session = JSON.parse(sessionStr);
-      if (session.supabaseSession?.access_token) {
-        config.headers.Authorization = `Bearer ${session.supabaseSession.access_token}`;
-      }
+      config.headers.Authorization = `Bearer ${accessToken}`;
+    } catch (error) {
+      console.error('Error parsing user session:', error);
+    }
+  }
+  return config;
+});
+
+// Payment API interfaces / 支付API接口定义
+
+/**
     } catch (error) {
       console.error('Error parsing user session:', error);
     }