add Network.globalErrorCallback
This commit is contained in:
@ -56,7 +56,9 @@ const install = function (app: App) {
|
|||||||
app.use(component as unknown as { install: () => any });
|
app.use(component as unknown as { install: () => any });
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const axios = Network.axios;
|
const axios = Network.axios;
|
||||||
|
const setGlobalErrorCallback = Network.setGlobalErrorCallback;
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
install
|
install
|
||||||
@ -65,6 +67,7 @@ export default {
|
|||||||
export {
|
export {
|
||||||
axios,
|
axios,
|
||||||
Network,
|
Network,
|
||||||
|
setGlobalErrorCallback,
|
||||||
|
|
||||||
UserAPI,
|
UserAPI,
|
||||||
CommonAPI,
|
CommonAPI,
|
||||||
|
|||||||
@ -2,6 +2,14 @@ import axios, { InternalAxiosRequestConfig } from "axios";
|
|||||||
import { Response } from "~/types/Model";
|
import { Response } from "~/types/Model";
|
||||||
import { Cooker, Time, userStore } from "~/index";
|
import { Cooker, Time, userStore } from "~/index";
|
||||||
|
|
||||||
|
type ErrorCallback = (response: Response) => void;
|
||||||
|
|
||||||
|
let globalErrorCallback: ErrorCallback | null = null;
|
||||||
|
|
||||||
|
export const setGlobalErrorCallback = (callback: ErrorCallback) => {
|
||||||
|
globalErrorCallback = callback;
|
||||||
|
};
|
||||||
|
|
||||||
const userTokenInterceptors = async (config: InternalAxiosRequestConfig<any>) => {
|
const userTokenInterceptors = async (config: InternalAxiosRequestConfig<any>) => {
|
||||||
let token = userStore.loginUser.token?.value;
|
let token = userStore.loginUser.token?.value;
|
||||||
const cookieToken = Cooker.get("Token");
|
const cookieToken = Cooker.get("Token");
|
||||||
@ -25,19 +33,22 @@ const userTokenInterceptors = async (config: InternalAxiosRequestConfig<any>) =>
|
|||||||
return config;
|
return config;
|
||||||
};
|
};
|
||||||
axios.defaults.withCredentials = true;
|
axios.defaults.withCredentials = true;
|
||||||
axios.interceptors.response.use((response: any) => {
|
axios.interceptors.response.use((axiosResp: any) => {
|
||||||
if (!response.config.responseType) {
|
if (!axiosResp.config.responseType) {
|
||||||
// 服务端返回
|
// 服务端返回
|
||||||
const data = response.data as Response;
|
const serverResp = axiosResp.data as Response;
|
||||||
if (data.code < 40000) {
|
if (serverResp.code < 40000) {
|
||||||
// 200 或 300 HTTP 状态段视为成功
|
// 200 或 300 HTTP 状态段视为成功
|
||||||
return data.data;
|
return serverResp.data;
|
||||||
} else {
|
} else {
|
||||||
|
if (globalErrorCallback) {
|
||||||
|
globalErrorCallback(serverResp);
|
||||||
|
}
|
||||||
// 由调用方处理
|
// 由调用方处理
|
||||||
return Promise.reject(data.msg);
|
return Promise.reject(serverResp.msg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return response.data;
|
return axiosResp.data;
|
||||||
}, (error: any) => {
|
}, (error: any) => {
|
||||||
// 请求错误
|
// 请求错误
|
||||||
if (error) {
|
if (error) {
|
||||||
@ -57,5 +68,6 @@ axios.interceptors.response.use((response: any) => {
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
axios,
|
axios,
|
||||||
userTokenInterceptors
|
userTokenInterceptors,
|
||||||
|
setGlobalErrorCallback
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user