125 lines
4.0 KiB
TypeScript
125 lines
4.0 KiB
TypeScript
import axios, { type InternalAxiosRequestConfig, type AxiosResponse } from "axios";
|
||
import qs from "qs";
|
||
import { ApiCodeEnum } from "@/enums/api/code-enum";
|
||
import { AuthStorage, redirectToLogin } from "@/utils/auth";
|
||
import { useTokenRefresh } from "@/composables/auth/useTokenRefresh";
|
||
import { authConfig } from "@/settings";
|
||
import { useTenantStoreHook } from "@/store/modules/tenant-store";
|
||
|
||
// 初始化token刷新组合式函数
|
||
const { refreshTokenAndRetry } = useTokenRefresh();
|
||
|
||
/**
|
||
* 创建 HTTP 请求实例
|
||
*/
|
||
const httpRequest = axios.create({
|
||
baseURL: import.meta.env.VITE_APP_BASE_API,
|
||
timeout: 50000,
|
||
headers: { "Content-Type": "application/json;charset=utf-8" },
|
||
paramsSerializer: (params) => qs.stringify(params),
|
||
});
|
||
|
||
/**
|
||
* 请求拦截器 - 添加 Authorization 头和租户ID
|
||
*/
|
||
httpRequest.interceptors.request.use(
|
||
(config: InternalAxiosRequestConfig) => {
|
||
const accessToken = AuthStorage.getAccessToken();
|
||
|
||
// 如果 Authorization 设置为 no-auth，则不携带 Token
|
||
if (config.headers.Authorization !== "no-auth" && accessToken) {
|
||
config.headers.Authorization = `Bearer ${accessToken}`;
|
||
} else {
|
||
delete config.headers.Authorization;
|
||
}
|
||
|
||
// 添加租户ID到请求头（如果存在）
|
||
// 注意：只有在登录成功后，tenantStore 才会初始化，所以这里需要 try-catch
|
||
try {
|
||
const tenantStore = useTenantStoreHook();
|
||
const tenantId = tenantStore.currentTenantId;
|
||
if (tenantId) {
|
||
config.headers["tenant-id"] = String(tenantId);
|
||
}
|
||
} catch (error) {
|
||
// 如果租户 store 未初始化（如登录前），忽略错误
|
||
// 这是正常的，因为多租户功能是可选的，未启用时不会初始化 tenantStore
|
||
}
|
||
|
||
return config;
|
||
},
|
||
(error) => {
|
||
console.error("Request interceptor error:", error);
|
||
return Promise.reject(error);
|
||
}
|
||
);
|
||
|
||
/**
|
||
* 响应拦截器 - 统一处理响应和错误
|
||
*/
|
||
httpRequest.interceptors.response.use(
|
||
(response: AxiosResponse<ApiResponse>) => {
|
||
// 如果响应是二进制数据，则直接返回response对象（用于文件下载、Excel导出、图片显示等）
|
||
if (response.config.responseType === "blob" || response.config.responseType === "arraybuffer") {
|
||
return response;
|
||
}
|
||
|
||
const { code, data, msg } = response.data;
|
||
|
||
// 请求成功
|
||
if (code === ApiCodeEnum.SUCCESS) {
|
||
return data;
|
||
}
|
||
|
||
// 特殊处理：需要选择租户（不显示错误提示，返回特殊对象供业务层处理）
|
||
if (code === ApiCodeEnum.CHOOSE_TENANT) {
|
||
return Promise.reject({
|
||
code: ApiCodeEnum.CHOOSE_TENANT,
|
||
data,
|
||
msg,
|
||
});
|
||
}
|
||
|
||
// 业务错误
|
||
ElMessage.error(msg || "系统出错");
|
||
return Promise.reject(new Error(msg || "Business Error"));
|
||
},
|
||
async (error) => {
|
||
console.error("Response interceptor error:", error);
|
||
|
||
const { config, response } = error;
|
||
|
||
// 网络错误或服务器无响应
|
||
if (!response) {
|
||
ElMessage.error("网络连接失败，请检查网络设置");
|
||
return Promise.reject(error);
|
||
}
|
||
|
||
const { code, msg } = response.data as ApiResponse;
|
||
|
||
switch (code) {
|
||
case ApiCodeEnum.ACCESS_TOKEN_INVALID:
|
||
// Access Token 过期
|
||
if (authConfig.enableTokenRefresh) {
|
||
// 启用了token刷新，尝试刷新
|
||
return refreshTokenAndRetry(config, httpRequest);
|
||
} else {
|
||
// 未启用token刷新，直接跳转登录页
|
||
await redirectToLogin("登录已过期，请重新登录");
|
||
return Promise.reject(new Error(msg || "Access Token Invalid"));
|
||
}
|
||
|
||
case ApiCodeEnum.REFRESH_TOKEN_INVALID:
|
||
// Refresh Token 过期，跳转登录页
|
||
await redirectToLogin("登录已过期，请重新登录");
|
||
return Promise.reject(new Error(msg || "Refresh Token Invalid"));
|
||
|
||
default:
|
||
ElMessage.error(msg || "请求失败");
|
||
return Promise.reject(new Error(msg || "Request Error"));
|
||
}
|
||
}
|
||
);
|
||
|
||
export default httpRequest;
|