/** * 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" import go from '@/commons/utils/go.js'; let baseUrl = 'http://192.168.1.42' // #ifdef H5 baseUrl = '/server3/mch' // #endif // #ifndef H5 baseUrl = 'http://101.37.12.135:8080/mch' // #endif // 多少 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弹层 infoBox.hideLoading() } reqState = 'finish' // 请求完毕 } // 明确显示loading if(showLoading){ // xx ms内响应完成,不提示loading setTimeout(() => { if(reqState == 'ing'){ reqState = 'ingLoading' infoBox.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 // infoBox.showErrorToast('请登录').then(() => { // go.to("PAGES_LOGIN", {}, go.GO_TYPE_RELAUNCH) // }) return Promise.reject(bodyData) // 跳转到catch函数 } // http响应码不正确 if(statusCode != 200){ isShowErrorToast = true infoBox.showToast('服务器异常') return Promise.reject(bodyData) // 跳转到catch函数 } // 业务响应异常 if(bodyData.code != 0){ isShowErrorToast = true infoBox.showToast(bodyData.msg) if(bodyData.code == 5005){ // 密码已过期, 直接跳转到更改密码页面 uni.reLaunch({url: '/pageUser/setting/updatePwd'}) } if(bodyData.code == 500){ // 密码已过期, 直接跳转到更改密码页面 uni.redirectTo({url: '/pages/login/index'}) } 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){ infoBox.showToast(`请求网络异常`) } 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["satoken"] = storageManage.token() return commonsProcess(showLoading, () => { return uni.request( Object.assign({url: baseUrl + 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: baseUrl + 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 }