65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
import { useAuthService } from "@/services/auth";
|
|
import axios from "axios";
|
|
import { appState } from "./app-state";
|
|
|
|
// 定义不需要显示 loading 的 API 地址列表
|
|
const noLoadingUrls = ["/tasks/status"];
|
|
|
|
declare module "axios" {
|
|
interface AxiosRequestConfig {
|
|
hideMessage?: boolean;
|
|
}
|
|
}
|
|
|
|
const http = axios.create({
|
|
baseURL: "/api",
|
|
timeout: 60000,
|
|
headers: { "Content-Type": "application/json" },
|
|
});
|
|
|
|
// 请求拦截器
|
|
http.interceptors.request.use(config => {
|
|
// 检查当前请求的 URL 是否在屏蔽列表中
|
|
if (config.url && !noLoadingUrls.includes(config.url)) {
|
|
appState.loading = true;
|
|
}
|
|
const authKey = localStorage.getItem("authKey");
|
|
if (authKey) {
|
|
config.headers.Authorization = `Bearer ${authKey}`;
|
|
}
|
|
return config;
|
|
});
|
|
|
|
// 响应拦截器
|
|
http.interceptors.response.use(
|
|
response => {
|
|
appState.loading = false;
|
|
if (response.config.method !== "get" && !response.config.hideMessage) {
|
|
window.$message.success("操作成功");
|
|
}
|
|
return response.data;
|
|
},
|
|
error => {
|
|
appState.loading = false;
|
|
if (error.response) {
|
|
// The request was made and the server responded with a status code
|
|
// that falls out of the range of 2xx
|
|
if (error.response.status === 401) {
|
|
const { logout } = useAuthService();
|
|
logout();
|
|
window.location.href = "/login";
|
|
}
|
|
window.$message.error(error.response.data?.message || `请求失败: ${error.response.status}`);
|
|
} else if (error.request) {
|
|
// The request was made but no response was received
|
|
window.$message.error("网络错误，请检查您的连接");
|
|
} else {
|
|
// Something happened in setting up the request that triggered an Error
|
|
window.$message.error("请求设置错误");
|
|
}
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
export default http;
|