86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
import axios, { AxiosError, AxiosResponse, InternalAxiosRequestConfig } from "axios";
|
|
import { Modal, notification } from "antd";
|
|
import { useUserStore } from "@/stores";
|
|
|
|
// 配置项目API域名
|
|
// 最新调整：在本地 .env 文件配置你的后端API地址
|
|
export const baseURL = import.meta.env.VITE_PROJECT_API;
|
|
|
|
// 创建 axios 实例
|
|
export const instance = axios.create({
|
|
// 项目API根路径
|
|
baseURL,
|
|
// 请求超时的时间
|
|
timeout: 5000,
|
|
});
|
|
|
|
// 请求拦截
|
|
instance.interceptors.request.use(
|
|
(config: InternalAxiosRequestConfig) => {
|
|
// 获取token
|
|
const token = JSON.parse(localStorage.getItem("user_storage") || "{}")?.state.token
|
|
|
|
// 如果有token就把赋值给请求头
|
|
if (token) config.headers["Authorization"] = `Bearer ${token}`;
|
|
|
|
return config;
|
|
},
|
|
(err: AxiosError) => {
|
|
notification.error({
|
|
message: '请求异常',
|
|
description: err.message,
|
|
})
|
|
|
|
return Promise.reject(err);
|
|
}
|
|
);
|
|
|
|
// 响应拦截
|
|
instance.interceptors.response.use(
|
|
(res: AxiosResponse) => {
|
|
// 只要code不等于200, 就相当于响应失败
|
|
if (res.data?.code !== 200) {
|
|
notification.error({
|
|
message: '响应异常',
|
|
description: res.data?.message || "未知错误",
|
|
})
|
|
|
|
return Promise.reject(res.data);
|
|
}
|
|
|
|
return res.data;
|
|
},
|
|
(err: AxiosError) => {
|
|
// 如果code为401就证明认证失败
|
|
if (err.response?.status === 401) {
|
|
Modal.error({
|
|
title: '暂无权限',
|
|
content: '🔒️ 登录已过期，请重新登录?',
|
|
okText: "去登录",
|
|
onOk: () => {
|
|
const store = useUserStore.getState()
|
|
store.quitLogin()
|
|
}
|
|
});
|
|
|
|
return Promise.reject(err.response?.data);
|
|
}
|
|
|
|
notification.error({
|
|
message: '程序异常',
|
|
description: err.message || "未知错误",
|
|
})
|
|
|
|
return Promise.reject(err);
|
|
}
|
|
);
|
|
|
|
const Request = <T>(method: string, url: string, reqParams?: object) => {
|
|
return instance.request<any, Response<T>>({
|
|
method,
|
|
url,
|
|
...reqParams
|
|
});
|
|
};
|
|
|
|
export default Request; |