Files
ctms/frontend/src/api/axios.ts
T
2026-03-31 09:44:49 +08:00

128 lines
4.7 KiB
TypeScript

import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from "axios";
import { ElMessage } from "element-plus";
import router from "../router";
import { getToken } from "../utils/auth";
import type { ApiError } from "../types/api";
import { useStudyStore } from "../store/study";
import { TEXT } from "../locales";
import { extendAccessToken, forceLogout, lockSession, markNetworkActive } from "../session/sessionManager";
import { useSessionStore } from "../store/session";
const instance: AxiosInstance = axios.create({
baseURL: "/",
timeout: 15000,
});
export type ApiRequestConfig = AxiosRequestConfig & {
ignoreIdle?: boolean;
allowWhileLocked?: boolean;
suppressErrorMessage?: boolean;
_retry?: boolean;
};
class LockedError extends Error {
constructor() {
super("LOCKED");
this.name = "LockedError";
}
}
instance.interceptors.request.use((config: InternalAxiosRequestConfig & ApiRequestConfig) => {
const session = useSessionStore();
const reqUrl = config.url || "";
const allowWhileLocked =
config.allowWhileLocked ||
reqUrl.includes("/api/v1/auth/login") ||
reqUrl.includes("/api/v1/auth/register") ||
reqUrl.includes("/api/v1/auth/unlock");
if (session.locked && !allowWhileLocked) {
return Promise.reject(new LockedError());
}
const token = getToken();
if (token) {
config.headers = config.headers || {};
(config.headers as Record<string, string>).Authorization = `Bearer ${token}`;
}
if (!config.ignoreIdle) {
markNetworkActive();
}
return config;
});
instance.interceptors.response.use(
(response: AxiosResponse) => response,
async (error: AxiosError<ApiError>) => {
if (error instanceof LockedError) {
const lockedConfig = error.config as ApiRequestConfig | undefined;
if (!lockedConfig?.suppressErrorMessage) {
ElMessage.warning(TEXT.common.messages.sessionLocked || "请解锁后继续操作");
}
return Promise.reject(error);
}
const status = error.response?.status;
const data = error.response?.data;
const reqUrl = error.config?.url || "";
const isAuthEndpoint =
reqUrl.includes("/api/v1/auth/login") ||
reqUrl.includes("/api/v1/auth/register") ||
reqUrl.includes("/api/v1/auth/extend") ||
reqUrl.includes("/api/v1/auth/unlock");
if (isAuthEndpoint) {
// 认证相关的错误由具体页面自行处理,避免重复提示
return Promise.reject(error);
}
// 如果当前项目不存在或已失效,清理项目并跳到工作台
if (status === 404 && typeof data?.message === "string" && data.message.toLowerCase().includes("study")) {
try {
const studyStore = useStudyStore();
studyStore.clearCurrentStudy();
} catch {
/* ignore */
}
router.push("/workbench");
}
if (status === 401) {
const config = error.config as ApiRequestConfig;
if (config && !config._retry) {
const result = await extendAccessToken("response-401");
if (result.token) {
config._retry = true;
config.headers = config.headers || {};
config.headers.Authorization = `Bearer ${result.token}`;
return instance(config);
}
if (result.authFailed) {
lockSession("token_invalid");
}
}
} else if (status === 403 && (data as any)?.detail === "账号已停用") {
forceLogout();
} else {
const suppressErrorMessage = (error.config as ApiRequestConfig | undefined)?.suppressErrorMessage;
if (!suppressErrorMessage) {
if (data?.message || (data as any)?.detail) {
const detail = (data as any)?.detail;
const detailMessage =
typeof detail === "string" ? detail : typeof detail?.message === "string" ? detail.message : undefined;
ElMessage.error((data as any)?.message || detailMessage || TEXT.common.messages.requestFailed);
} else {
ElMessage.error(TEXT.common.messages.requestFailed);
}
}
}
return Promise.reject(error);
}
);
export const apiGet = <T = any>(url: string, config?: ApiRequestConfig) => instance.get<T>(url, config);
export const apiPost = <T = any>(url: string, data?: unknown, config?: ApiRequestConfig) =>
instance.post<T>(url, data, config);
export const apiPatch = <T = any>(url: string, data?: unknown, config?: ApiRequestConfig) =>
instance.patch<T>(url, data, config);
export const apiPut = <T = any>(url: string, data?: unknown, config?: ApiRequestConfig) =>
instance.put<T>(url, data, config);
export const apiDelete = <T = any>(url: string, config?: ApiRequestConfig) =>
instance.delete<T>(url, config);
export default instance;