From 81a7a71d2426d665f8880a9455eb0eb45d7e34f6 Mon Sep 17 00:00:00 2001 From: YeMingfei666 <1619116647@qq.com> Date: Tue, 7 Jan 2025 10:40:32 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=B0=81=E8=A3=85=E5=A4=84?= =?UTF-8?q?=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- http/http.js | 348 +++++++++++++++++++++++++++------------------------ 1 file changed, 186 insertions(+), 162 deletions(-) diff --git a/http/http.js b/http/http.js index 81e900c..bc0a20e 100644 --- a/http/http.js +++ b/http/http.js @@ -1,193 +1,217 @@ // 导入全局属性 -import { - sm4DecryptByResData -} from '@/utils/encryptUtil.js' -import infoBox from "@/utils/infoBox.js" -import { - reject -} from 'lodash'; -import config from '@/commons/config.js' +import { sm4DecryptByResData } from "@/utils/encryptUtil.js"; +import infoBox from "@/utils/infoBox.js"; +import { reject } from "lodash"; +import config from "@/commons/config.js"; // 测试服 -let baseUrl = config.baseApiUrl + 'app' -const loadingShowTime = 200 +let baseUrl = config.baseApiUrl + "app"; +const loadingShowTime = 200; function getHeader() { - const headerObject = {} - headerObject["token"] = uni.getStorageSync('token') - return headerObject + const headerObject = {}; + headerObject["token"] = uni.getStorageSync("token"); + return headerObject; } -// 通用处理逻辑 +// 通用处理逻辑 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) - } + // 判断是否请求完成（用作 是否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 == 500) { - isShowErrorToast = true - return Promise.reject(bodyData) // 跳转到catch函数 - } - if (statusCode == 401) { - // 提示信息 - isShowErrorToast = true - return Promise.reject(bodyData) // 跳转到catch函数 - } - // http响应码不正确 - if (statusCode != 200 && statusCode != 204 && statusCode != 201) { - isShowErrorToast = true - data.message = data.message == 'Bad credentials' ? '用户名或密码错误' : data.message - infoBox.showToast(data.message || '服务器异常') - return Promise.reject(bodyData) // 跳转到catch函数 - } + return httpReqCallback() + .then((httpData) => { + reqFinishFunc(); // 请求完毕的动作 + // 从http响应数据中解构响应数据 [ 响应码、 bodyData ] + let { statusCode, data } = httpData; + // 避免混淆重新命名 + let bodyData = data; + if (statusCode == 500) { + isShowErrorToast = true; + return Promise.reject(bodyData); // 跳转到catch函数 + } - // 加密数据 - if (!bodyData.data && bodyData.encryptData) { + if (statusCode == 401) { + // 提示信息 + isShowErrorToast = true; + return Promise.reject(bodyData); // 跳转到catch函数 + } + // http响应码不正确 + if (statusCode != 200 && statusCode != 204 && statusCode != 201) { + isShowErrorToast = true; + data.message = + data.message == "Bad credentials" ? "用户名或密码错误" : data.message; + infoBox.showToast(data.message || "服务器异常"); + return Promise.reject(bodyData); // 跳转到catch函数 + } + if (bodyData.code == 401) { + // 提示信息 + isShowErrorToast = true; + return Promise.reject(bodyData); // 跳转到catch函数 + } + if (bodyData.code != 0) { + infoBox.showToast(data.message); + return; + } - return Promise.resolve({ - bizData: sm4DecryptByResData(bodyData.encryptData), - code: bodyData.code - }) - } + // 加密数据 + if (!bodyData.data && bodyData.encryptData) { + return Promise.resolve({ + bizData: sm4DecryptByResData(bodyData.encryptData), + code: bodyData.code, + }); + } + // 构造请求成功的响应数据 + return Promise.resolve(bodyData.data || bodyData.page); + }) + .catch((res) => { + console.log(res); + if (res.status == 404) { + infoBox.showErrorToast("接口404").then(() => {}); + reject(); + return; + } - // 构造请求成功的响应数据 - return Promise.resolve(bodyData) + if (res.code == 401) { + infoBox.showErrorToast(res.message || "请登录").then(() => { + uni.redirectTo({ + url: "/pages/login/index", + }); + reject(); + }); + } + if (res.code != 0) { + infoBox.showErrorToast(res.msg).then(() => {}); + reject(); + } + if (res.code == 500) { + infoBox.showErrorToast(res.message || "服务器异常").then(() => {}); + reject(); + } + reqFinishFunc(); // 请求完毕的动作 - }).catch(res => { - if (res.status == 401) { - infoBox.showErrorToast(res.message || '请登录').then(() => { - uni.redirectTo({ - url: '/pages/login/index' - }) - reject() - }) - } - if (res.status == 500) { - infoBox.showErrorToast(res.message || '服务器异常').then(() => {}) - } - reqFinishFunc(); // 请求完毕的动作 - - // 如果没有提示错误， 那么此处提示 异常。 - if (!isShowErrorToast) { - infoBox.showErrorToast(`请求网络异常`) - } - - return Promise.reject(res) - - }).finally(() => { // finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用： reqFinishFunc() - - }); + // 如果没有提示错误， 那么此处提示 异常。 + if (!isShowErrorToast) { + infoBox.showErrorToast(`请求网络异常`); + } + return Promise.reject(res); + }) + .finally(() => { + // finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用： reqFinishFunc() + }); } - // 默认 显示loading(控制 xxs 内 不提示loading ) function req(uri, data, method = "GET", showLoading = true, extParams = {}) { - return commonsProcess(showLoading, () => { - return uni.request( - Object.assign({ - url: baseUrl + uri, - data: data, - method: method, - header: getHeader() - }, extParams) - ) - }) + return commonsProcess(showLoading, () => { + return uni.request( + Object.assign( + { + url: baseUrl + uri, + data: data, + method: method, + header: getHeader(), + }, + extParams + ) + ); + }); } - // 默认 显示loading(控制 xxs 内 不提示loading ) function request(args) { - const { - url, - data, - params, - method = "GET", - showLoading = true, - extParams = {} - } = args - let headerObject = {} - return commonsProcess(showLoading, () => { - return uni.request( - Object.assign({ - url: slash(baseUrl, url), - data: params || data, - method: method, - header: getHeader() - }, extParams) - - ) - }) + const { + url, + data, + params, + method = "GET", + showLoading = true, + extParams = {}, + } = args; + let headerObject = {}; + return commonsProcess(showLoading, () => { + return uni.request( + Object.assign( + { + url: slash(baseUrl, url), + data: params || data, + method: method, + header: getHeader(), + }, + extParams + ) + ); + }); } // 处理/ function slash(baseUrl, url) { - let u = '' - if (baseUrl[baseUrl.length - 1] == '/') { - u += baseUrl - } else { - u = u + baseUrl + '/' - } - if (url[0] == '/') { - u = u + url.slice(1) - } else { - u = u + url - } - return u + let u = ""; + if (baseUrl[baseUrl.length - 1] == "/") { + u += baseUrl; + } else { + u = u + baseUrl + "/"; + } + if (url[0] == "/") { + u = u + url.slice(1); + } else { + u = u + url; + } + return u; } // 上传 function upload(uri, data, file, showLoading = true, extParams = {}) { - // 放置token - let headerObject = {} - return commonsProcess(showLoading, () => { - return uni.uploadFile( - Object.assign({ - url: baseUrl + uri, - formData: data, - name: "file", - filePath: file.path || file.url, - header: getHeader() - }, extParams) - ).then((httpData) => { - // uni.upload 返回bodyData 的是 string类型。 需要解析。 - httpData.data = JSON.parse(httpData.data) - return Promise.resolve(httpData) - }).catch(err => { - uni.hideLoading() - infoBox.showErrorToast(`上传失败`) - }) - }) + // 放置token + let headerObject = {}; + return commonsProcess(showLoading, () => { + return uni + .uploadFile( + Object.assign( + { + url: baseUrl + uri, + formData: data, + name: "file", + filePath: file.path || file.url, + header: getHeader(), + }, + extParams + ) + ) + .then((httpData) => { + // uni.upload 返回bodyData 的是 string类型。 需要解析。 + httpData.data = JSON.parse(httpData.data); + return Promise.resolve(httpData); + }) + .catch((err) => { + uni.hideLoading(); + infoBox.showErrorToast(`上传失败`); + }); + }); } export default { - req: req, - request, - upload: upload -} \ No newline at end of file + req: req, + request, + upload: upload, +};