181 lines
4.3 KiB
JavaScript
181 lines
4.3 KiB
JavaScript
/**
|
||
* 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://101.37.12.135:8080'
|
||
// #ifdef H5
|
||
baseUrl = '/server3'
|
||
// #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) => {
|
||
console.log(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.showErrorToast('服务器异常')
|
||
return Promise.reject(bodyData) // 跳转到catch函数
|
||
}
|
||
|
||
// 业务响应异常
|
||
if (bodyData.code != 200) {
|
||
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.showErrorToast(`请求网络异常`)
|
||
}
|
||
|
||
return Promise.reject(res)
|
||
|
||
}).finally(() => { // finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用: reqFinishFunc()
|
||
|
||
});
|
||
|
||
}
|
||
|
||
|
||
// 默认 显示loading(控制 xxs 内 不提示loading )
|
||
function req(uri, data, method = "GET", showLoading = true, extParams = {}) {
|
||
let headerObject = {}
|
||
// headerObject[appConfig.tokenKey] = storageManage.token()
|
||
headerObject["satoken"] = storageManage.token()
|
||
headerObject["content-type"] = 'application/json'
|
||
|
||
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["satoken"] = 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
|
||
} |