fix: use correct axios client

This commit is contained in:
zaunist committed 2025-04-07 20:21:59 +08:00
1 parent a6b7674a5c
commit a2fdf78121
6 files changed
+71 -112

No files matched your search

+4 -1
View File
@@ -12,7 +12,10 @@
}
},
"preview": {
"distribution": "internal"
"distribution": "internal",
"android": {
"buildType": "apk"
}
},
"production": {
"autoIncrement": true
+1 -1
View File
@@ -1,4 +1,4 @@
import axios from '../utils/axios';
import axios from './client';
import { API_ENDPOINTS } from '../config/api';
// 客户端类型
+64 -13
View File
@@ -2,6 +2,9 @@ import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { API_BASE_URL, loadApiBaseUrl } from '../config/api';
// 开启详细日志输出用于调试
const enableDebugLogs = true;
// 创建一个Axios实例
const apiClient: AxiosInstance = axios.create({
baseURL: API_BASE_URL,
@@ -25,6 +28,21 @@ apiClient.interceptors.request.use(
config.baseURL = API_BASE_URL;
}
// 调试日志
if (enableDebugLogs) {
const method = config.method?.toUpperCase() || 'UNKNOWN';
const baseUrl = config.baseURL || '';
const url = config.url || '';
console.log(`🚀 发送${method}请求: ${baseUrl}${url}`);
if (config.data) {
console.log('📦 请求数据:', JSON.stringify(config.data).substring(0, 500));
}
if (config.params) {
console.log('🔍 请求参数:', config.params);
}
}
// 从存储中获取token
const token = await AsyncStorage.getItem('auth_token');
@@ -36,6 +54,7 @@ apiClient.interceptors.request.use(
return config;
},
(error) => {
console.error('❌ 请求发送失败:', error);
return Promise.reject(error);
}
);
@@ -43,24 +62,56 @@ apiClient.interceptors.request.use(
// 响应拦截器
apiClient.interceptors.response.use(
(response) => {
// 添加调试日志
if (enableDebugLogs) {
const method = response.config.method?.toUpperCase() || 'UNKNOWN';
const url = response.config.url || 'unknown';
console.log(`✅ ${method}请求成功: ${url}`);
console.log(`📊 状态码: ${response.status}`);
console.log('📦 响应数据:', JSON.stringify(response.data).substring(0, 500));
}
return response;
},
async (error) => {
const originalRequest = error.config;
// 如果是401错误且没有重试过,尝试刷新token
if (error.response && error.response.status === 401 && !originalRequest._retry) {
originalRequest._retry = true;
// 添加详细的错误日志
if (enableDebugLogs) {
console.error('❌ 请求失败:', error.message);
try {
// 在实际应用中,这里应该调用刷新token的接口
// 由于当前后端没有刷新token的接口,这里简单处理为清除token并返回错误
await AsyncStorage.removeItem('auth_token');
if (error.response) {
// 服务器返回了错误状态码
const method = error.config?.method?.toUpperCase() || 'UNKNOWN';
const url = error.config?.url || 'unknown';
console.error(`🔥 ${method}请求错误: ${url}`);
console.error(`📊 状态码: ${error.response.status}`);
// 重定向到登录页的逻辑会在组件中处理
return Promise.reject(error);
} catch (refreshError) {
return Promise.reject(refreshError);
try {
console.error('📦 错误响应:', JSON.stringify(error.response.data).substring(0, 500));
} catch (e) {
console.error('📦 错误响应(非JSON):', String(error.response.data).substring(0, 500));
}
// 处理401未授权错误
if (error.response.status === 401 && !error.config._retry) {
error.config._retry = true;
try {
// 在实际应用中,这里应该调用刷新token的接口
// 由于当前后端没有刷新token的接口,这里简单处理为清除token并返回错误
await AsyncStorage.removeItem('auth_token');
console.warn('⚠️ 用户未授权,已清除token');
// 重定向到登录页的逻辑会在组件中处理
return Promise.reject(error);
} catch (refreshError) {
return Promise.reject(refreshError);
}
}
} else if (error.request) {
// 请求已发送但没有收到响应
console.error('⏱️ 请求超时或无响应:', error.config?.url || 'unknown');
} else {
// 设置请求时发生错误
console.error('🔧 请求配置错误:', error.message);
}
}
+1 -1
View File
@@ -1,4 +1,4 @@
import axios from '../utils/axios';
import axios from './client';
import { API_ENDPOINTS } from '../config/api';
// 监控类型
+1 -1
View File
@@ -1,4 +1,4 @@
import axios from '../utils/axios';
import axios from './client';
import { API_ENDPOINTS } from '../config/api';
// 通知渠道类型
-95
View File
@@ -1,95 +0,0 @@
import axios from 'axios';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { API_BASE_URL } from '../config/api';
// 开启详细日志输出用于调试
const enableDebugLogs = true;
// 创建axios实例
const instance = axios.create({
baseURL: API_BASE_URL,
timeout: 30000, // 超时时间30秒
headers: {
'Content-Type': 'application/json',
},
});
// 请求拦截器
instance.interceptors.request.use(
async (config) => {
if (enableDebugLogs) {
const method = config.method?.toUpperCase() || 'UNKNOWN';
const baseUrl = config.baseURL || '';
const url = config.url || '';
console.log(`🚀 发送${method}请求: ${baseUrl}${url}`);
if (config.data) {
console.log('📦 请求数据:', JSON.stringify(config.data).substring(0, 500));
}
if (config.params) {
console.log('🔍 请求参数:', config.params);
}
}
// 从本地存储获取token
const token = await AsyncStorage.getItem('auth_token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
(error) => {
console.error('❌ 请求发送失败:', error);
return Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
(response) => {
if (enableDebugLogs) {
const method = response.config.method?.toUpperCase() || 'UNKNOWN';
const url = response.config.url || 'unknown';
console.log(`✅ ${method}请求成功: ${url}`);
console.log(`📊 状态码: ${response.status}`);
console.log('📦 响应数据:', JSON.stringify(response.data).substring(0, 500));
}
return response;
},
async (error) => {
if (enableDebugLogs) {
console.error('❌ 请求失败:', error.message);
if (error.response) {
// 服务器返回了错误状态码
const method = error.config?.method?.toUpperCase() || 'UNKNOWN';
const url = error.config?.url || 'unknown';
console.error(`🔥 ${method}请求错误: ${url}`);
console.error(`📊 状态码: ${error.response.status}`);
try {
console.error('📦 错误响应:', JSON.stringify(error.response.data).substring(0, 500));
} catch (e) {
console.error('📦 错误响应(非JSON):', String(error.response.data).substring(0, 500));
}
// 处理401未授权错误
if (error.response.status === 401) {
await AsyncStorage.removeItem('auth_token');
console.warn('⚠️ 用户未授权,已清除token');
}
} else if (error.request) {
// 请求已发送但没有收到响应
console.error('⏱️ 请求超时或无响应:', error.config?.url || 'unknown');
} else {
// 设置请求时发生错误
console.error('🔧 请求配置错误:', error.message);
}
}
return Promise.reject(error);
}
);
export default instance;