Xiaoxia AI
72 lines
2.0 KiB
TypeScript
72 lines
2.0 KiB
TypeScript
/**
|
|
* 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;
|