/** * API 客户端配置 * 封装 Axios 实例,配置拦截器和 Token 管理 */ import axios, { AxiosError, InternalAxiosRequestConfig } from 'axios'; // 创建 Axios 实例 const apiClient = axios.create({ baseURL: '/api/v1', timeout: 10000, headers: { 'Content-Type': 'application/json', }, }); // 请求拦截器:添加 Token apiClient.interceptors.request.use( (config: InternalAxiosRequestConfig) => { const token = localStorage.getItem('access_token'); if (token && config.headers) { config.headers.Authorization = `Bearer ${token}`; } return config; }, (error: AxiosError) => { return Promise.reject(error); } ); // 响应拦截器:处理错误和 Token 刷新 apiClient.interceptors.response.use( (response) => response, async (error: AxiosError) => { const originalRequest = error.config; // Token 过期,尝试刷新 if (error.response?.status === 401 && originalRequest) { const refreshToken = localStorage.getItem('refresh_token'); if (refreshToken) { try { const { data } = await axios.post('/api/v1/auth/refresh', { refresh_token: refreshToken, }); // 保存新 Token localStorage.setItem('access_token', data.access_token); // 重试原请求 if (originalRequest.headers) { originalRequest.headers.Authorization = `Bearer ${data.access_token}`; } return apiClient(originalRequest); } catch (refreshError) { // 刷新失败,清除 Token 并跳转登录 localStorage.removeItem('access_token'); localStorage.removeItem('refresh_token'); window.location.href = '/login'; return Promise.reject(refreshError); } } else { // 没有 refresh token,直接跳转登录 window.location.href = '/login'; } } return Promise.reject(error); } ); export default apiClient;