/** * HTTP的封装, 基于uni.request * 包括: 通用响应结果的处理 和 业务的增删改查函数 * * @author terrfly * @site https://www.jeequan.com * @date 2021/12/16 18:35 */ // 导入全局属性 import appConfig from '@/config/appConfig.js'; import storageManage from '@/commons/utils/storageManage.js'; import { sm4DecryptByResData } from '@/commons/utils/encryptUtil.js'; import infoBox from "@/commons/utils/infoBox.js" // 多少 ms 以内, 不提示loading const loadingShowTime = 200; // 通用处理逻辑 function commonsProcess(showLoading, httpReqCallback) { // 判断是否请求完成(用作 是否loading ) // 包括: 'ing', 'ingLoading', 'finish' let reqState = 'ing'; // 是否已经提示的错误信息 let isShowErrorToast = false; // 请求完成, 需要处理的动作 let reqFinishFunc = () => { if (reqState == 'ingLoading') { // 关闭loading弹层 uni.hideLoading(); } reqState = 'finish'; // 请求完毕 }; // 明确显示loading if (showLoading) { // xx ms内响应完成,不提示loading setTimeout(() => { if (reqState == 'ing') { reqState = 'ingLoading'; uni.showLoading(); } }, loadingShowTime); } return httpReqCallback() .then((httpData) => { reqFinishFunc(); // 请求完毕的动作 // 从http响应数据中解构响应数据 [ 响应码、 bodyData ] let { statusCode, data } = httpData; // 避免混淆重新命名 let bodyData = data; if (statusCode == 401) { // 清楚 token storageManage.token(null, true); // 提示信息 isShowErrorToast = true; uni .showToast({ title: '请登录', icon: 'none', duration: 3000, }) .then(() => { uni.reLaunch({ url: '/pages/login/login', }); }); return Promise.reject(bodyData); // 跳转到catch函数 } // http响应码不正确 if (statusCode != 200) { isShowErrorToast = true; uni.showToast({ title: '服务器异常', }); return Promise.reject(bodyData); // 跳转到catch函数 } // 业务响应异常 if (bodyData.code != 0) { isShowErrorToast = true; return Promise.reject(bodyData); } // 加密数据 if (!bodyData.data && bodyData.encryptData) { return Promise.resolve({ bizData: sm4DecryptByResData(bodyData.encryptData), code: bodyData.code, }); } // 构造请求成功的响应数据 return Promise.resolve({ bizData: bodyData.data, code: bodyData.code, }); }) .catch((res) => { reqFinishFunc(); // 请求完毕的动作 // 如果没有提示错误, 那么此处提示 异常。 if (!isShowErrorToast) { uni.showToast({ title: `请求网络异常`, icon: 'none', }); }else if(res.code != 0){ setTimeout(()=>{ infoBox.showToast(res.msg) },200) } return Promise.reject(res); }) .finally(() => { // finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用: reqFinishFunc() }); } // 默认 显示loading(控制 xxs 内 不提示loading ) function req(uri, data, method = 'GET', showLoading = true, extParams = {}) { // 放置token let headerObject = {}; headerObject[appConfig.tokenKey] = storageManage.token(); headerObject.facedevice = JSON.stringify({ deviceNo: storageManage.deviceNo(), //写入设备号 //#ifdef MP-WEIXIN provider: 'wxpayQWPro', //微信刷脸支付 //#endif //#ifdef MP-ALIPAY provider: 'alipayQT', //支付宝刷脸支付 //#endif }); return commonsProcess(showLoading, () => { return uni.request( Object.assign( { url: appConfig.env.JEEPAY_BASE_URL + uri, data: data, method: method, header: headerObject, }, extParams ) ); }); } // 上传 function upload(uri, data, file, showLoading = true, extParams = {}) { // 放置token let headerObject = {}; headerObject[appConfig.tokenKey] = storageManage.token(); return commonsProcess(showLoading, () => { return uni .uploadFile( Object.assign( { url: appConfig.env.JEEPAY_BASE_URL + uri, formData: data, name: 'file', filePath: file.path, header: headerObject, }, extParams ) ) .then((httpData) => { // uni.upload 返回bodyData 的是 string类型。 需要解析。 httpData.data = JSON.parse(httpData.data); return Promise.resolve(httpData); }); }); } export default { req: req, upload: upload, };