import axios from "axios"; // 引入axios
|
//import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据，后面会提到
|
|
import { Toast, Dialog } from "vant";
|
import store from "@/store/index";
|
import i18n from "@/i18n";
|
import router from "@/router/router";
|
import { signatureGenerate } from "@/utils/signatureUtil";
|
import urlKyc from "./urlKyc";
|
class AxiosRequest {
|
/**
|
* @description Class AxiosRequest constructor.
|
* @param {String} baseUrl Request base url.
|
* @param {Object} headers Request headers config.
|
* @param {Boolean} isLoading Request loading switch.
|
*/
|
constructor(baseUrl, headers, isLoading) {
|
this.baseUrl = baseUrl;
|
this.headers = headers;
|
this.isLoading = isLoading;
|
this.queue = {};
|
}
|
|
/**
|
* @description Get inside config.
|
* @returns Inside config.
|
*/
|
getInsideConfig() {
|
const config = {
|
// alert: Axios default base url param is "baseURL" not is "baseUrl" !
|
baseURL: this.baseUrl,
|
headers: this.headers,
|
timeout: 10000,
|
};
|
return config;
|
}
|
|
/**
|
* @description Destroy completed request.
|
* @param {String} url The completed request.
|
*/
|
destroy(url) {
|
delete this.queue[url];
|
if (!Object.keys(this.queue).length) {
|
// Present request complete.
|
// Remove request loading.
|
if (this.isLoading) {
|
Toast.clear();
|
}
|
}
|
}
|
|
/**
|
* @description The axios intercept.
|
* @param {Function} instance Create axios get instance.
|
* @param {String} url Request url.
|
*/
|
interceptors(instance, url) {
|
// Request intercept.
|
instance.interceptors.request.use(
|
(config) => {
|
const arr = urlKyc.filter((item) => item === url);
|
if (arr.length !== 0 && store.state.user.kyc !== 2) {
|
return Toast.fail(i18n.t("请先实名认证!"));
|
}
|
var token = store.state.user.userInfo.token;
|
if (token) {
|
if (!config.params) {
|
config.params = {};
|
}
|
config.params.token = token;
|
// console.log(config)
|
// const METHOD = config.method.toUpperCase()
|
// if (METHOD === 'GET') {
|
// if (!config.params) {
|
// config.params = {}
|
// }
|
// config.params.token = token;
|
// } else if(METHOD === 'POST') {
|
// if (!config.data) {
|
// config.data = {}
|
// }
|
// config.data.token = token
|
// } else {
|
// // TODO
|
// }
|
}
|
if (!Object.keys(this.queue).length) {
|
if (this.isLoading) {
|
// Add request loading.
|
Toast.loading({
|
duration: 0,
|
forbidClick: true,
|
loadingType: "spinner",
|
message: i18n.t("加载中..."),
|
});
|
}
|
this.queue[url] = true;
|
}
|
// 获取请求头参数
|
const { timestamp, signature } = signatureGenerate();
|
// 分别将签名、时间戳 至请求头
|
if (signature) config.headers["sign"] = signature;
|
if (timestamp) config.headers["tissuePaper"] = timestamp;
|
return config;
|
},
|
(error) => {
|
if (this.isLoading) {
|
Toast.clear();
|
}
|
return Promise.reject(error);
|
}
|
);
|
// Response intercept.
|
instance.interceptors.response.use(
|
(result) => {
|
this.destroy(url);
|
if (result.data.code == 0 || result.data.code == 200) {
|
return result.data;
|
} else if (result.data.code == 401) {
|
Dialog.confirm({
|
confirmButtonText: i18n.t("确定"),
|
cancelButtonText: i18n.t("取消"),
|
title: i18n.t("提示"),
|
message: i18n.t("未实名认证，是否认证？"),
|
beforeClose: (action, done) => {
|
if (action === "confirm") {
|
done();
|
router.push({
|
path: "/authentication",
|
});
|
} else {
|
done();
|
}
|
},
|
});
|
return result.data;
|
} else if (result.data.code == 403) {
|
router.replace({
|
path: "/login",
|
query: {
|
redirect: router.currentRoute.fullPath,
|
},
|
});
|
store.commit("user/SET_OUT");
|
} else {
|
if (result.data.msg != undefined) {
|
Toast(i18n.t(result.data.msg));
|
}
|
return Promise.reject(result.data);
|
}
|
},
|
(error) => {
|
if (this.isLoading) {
|
Toast.clear();
|
}
|
if (error.code == "ERR_NETWORK") {
|
Toast({ message: "ERR_NETWORK", type: "fail", duration: 1000 });
|
} else if (error.code == "ECONNABORTED") {
|
//Toast({ message: 'Network Timeout', type: 'fail', duration: 2000 })
|
return Promise.reject(error);
|
}
|
// if (error.message.includes("timeout")) {
|
// Toast.fail(i18n.t("网络超时！"));
|
// }
|
return Promise.reject(error);
|
}
|
);
|
}
|
|
/**
|
* @description Axios request function.
|
* @param {Object} options Axios request options.
|
* @returns Create axios get instance.
|
*/
|
request(options) {
|
const instance = axios.create();
|
options = Object.assign(this.getInsideConfig(), options);
|
this.interceptors(instance, options.url);
|
return instance(options);
|
}
|
}
|
|
export default AxiosRequest;
|
