85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
// 引入axios
|
||
import axios from "axios";
|
||
import store from "@/store/index";
|
||
import {
|
||
showGlobalLoading,
|
||
hideGlobalLoading,
|
||
} from "@/store/slices/loadingSlice";
|
||
const baseURL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
|
||
|
||
// 全局加载状态loading，基于redux
|
||
const handleGlobalLoading = (namespace, type) => {
|
||
if (!namespace) return;
|
||
store.dispatch(
|
||
type === "show"
|
||
? showGlobalLoading({ namespace })
|
||
: hideGlobalLoading({ namespace })
|
||
);
|
||
};
|
||
// 创建axios实例
|
||
const axiosInstance = axios.create({
|
||
baseURL, // 基础URL
|
||
timeout: 10000, // 请求超时时间
|
||
headers: {
|
||
"Content-Type": "application/json;charset=utf-8",
|
||
},
|
||
});
|
||
|
||
// 请求拦截器
|
||
axiosInstance.interceptors.request.use(
|
||
(config) => {
|
||
// 开发阶段使用固定的 x-user-id
|
||
// 这个ID对应种子数据中的开发默认用户
|
||
config.headers["x-user-id"] = "dev-user-id";
|
||
|
||
// 后续对接飞书后使用token
|
||
// const token = localStorage.getItem("token");
|
||
// if (token) {
|
||
// config.headers["Authorization"] = `Bearer ${token}`;
|
||
// }
|
||
return config;
|
||
},
|
||
(error) => {
|
||
return Promise.reject(error);
|
||
}
|
||
);
|
||
|
||
// 响应拦截器
|
||
axiosInstance.interceptors.response.use(
|
||
(response) => {
|
||
// 处理响应数据
|
||
const res = response.data;
|
||
return res;
|
||
},
|
||
(error) => {
|
||
// 处理响应错误
|
||
console.error("请求错误:", error);
|
||
const message =
|
||
error.response?.data?.message || error.message || "网络错误";
|
||
return Promise.reject(new Error(message));
|
||
}
|
||
);
|
||
|
||
// 导出请求方法
|
||
export default function request({
|
||
url,
|
||
apiUrl,
|
||
namespace,
|
||
method = "get",
|
||
data,
|
||
params,
|
||
headers = {},
|
||
}) {
|
||
handleGlobalLoading(namespace, "show");
|
||
// 返回Promise对象
|
||
return axiosInstance({
|
||
method,
|
||
url: `${apiUrl ? apiUrl : baseURL}${url}`,
|
||
data,
|
||
params,
|
||
headers,
|
||
}).finally(() => {
|
||
handleGlobalLoading(namespace, "hide");
|
||
});
|
||
}
|