import Request from "luch-request"; import store from "@/store"; import { AxiosInstance } from "axios"; import { session } from "@/store/modules/session"; import vm from "@/main"; /** * 标识调试状态 */ const debug = process.env.NODE_ENV !== "production"; const httpjson = new Request({ baseURL: process.env.VUE_APP_BASE_URL, }); /** * 标识加载中状态 */ let loading: any; httpjson.interceptors.request.use( (config: any) => { // 所有请求默认提示加载中 if (!loading) { uni.showLoading({ title: vm.$t("message.Loading") as string }); } else { clearTimeout(loading); } // 在请求发送之前做一些处理 try { const token = ""; // store.state.session.accessToken; if (token) { // 让每个请求携带token config.header["content-type"] = "application/json"; } } catch (e) { // error } if (typeof config.data === "string" && config.data.constructor === String) { config.header["content-type"] = "application/json"; } if (session.lang) { config.url = config.url + "?lang=" + (session.lang == "en" ? "en_US" : "zh_CN"); } return config; }, (error: Error) => { // 发送失败 console.log(error); Promise.reject(error); } ); httpjson.interceptors.response.use( (response: any) => { // 延时关闭加载中提示 loading = setTimeout(() => { loading = undefined; uni.hideLoading(); }, 500); debug && console.log(response); // dataAxios 是 axios 返回数据中的 data const dataAxios = response.data; // 测试服务接口直接返回结果 if (response.config.url === "/wmspda/system/test") { return dataAxios; } // 这个状态码是和后端约定的 const { code, status } = dataAxios; // 根据 code 进行判断 if (code === undefined && status === undefined) { // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本 return dataAxios; } else if (code !== undefined) { // 有 code 代表这是一个后端接口 可以进行进一步的判断 switch (code) { case "1": // code === '1' 代表没有错误 return dataAxios; case 401: // [ 示例 ] 其它和后台约定的 code store.dispatch("session/logout"); uni.setStorageSync("showLoginTips", true); uni.switchTab({ url: "/pages/personal/index" }); errorCreate(dataAxios.message, response.config.custom.hideError); break; default: // 不是正确的 code errorCreate(dataAxios.msg, response.config.custom.hideError); break; } } else if (status !== undefined) { // 有 status 代表这是一个后端接口 可以进行进一步的判断 switch (status) { case "S": // code === 'S' or '1' 代表没有错误 return dataAxios; default: // 不是正确的 code errorCreate(dataAxios.msg, response.config.custom.hideError); break; } } }, (error: any) => { // 延时关闭加载中提示 loading = setTimeout(() => { loading = undefined; uni.hideLoading(); }, 500); if (error?.data?.message) { error.message = error.data.message; } else if (error) { switch (error.statusCode) { /* eslint-disable */ case 400: error.message = vm.$t("message.request_Tip1") as string; break; case 401: error.message = vm.$t("message.request_Tip2") as string; break; case 403: error.message = vm.$t("message.request_Tip3") as string; break; case 404: error.message = (vm.$t("message.request_Tip4") as string) + error.config.url; break; case 408: error.message = vm.$t("message.request_Tip5") as string; break; case 500: error.message = vm.$t("message.request_Tip6") as string; break; case 501: error.message = vm.$t("message.request_Tip7") as string; break; case 502: error.message = vm.$t("message.request_Tip8") as string; break; case 503: error.message = vm.$t("message.request_Tip9") as string; break; case 504: error.message = vm.$t("message.request_Tip10") as string; break; case 505: error.message = vm.$t("message.request_Tip11") as string; break; default: break; /* eslint-enable */ } } errorLog(error, error?.config?.custom?.hideError); return Promise.reject(error); } ); // 创建一个错误 function errorCreate(msg: string, hideError: boolean) { const error = new Error(msg); errorLog(error, hideError); throw error; } // 记录和显示错误 function errorLog(error: Error, hideError: boolean) { // 打印到控制台 if (process.env.NODE_ENV === "development") { console.error(">>>>>> Error >>>>>>"); console.error(error); } // 显示提示 hideError || uni.showToast({ icon: "none", title: error.message, }); } export default httpjson as AxiosInstance;