178 lines
4.8 KiB
JavaScript
178 lines
4.8 KiB
JavaScript
/**
|
|
* request插件地址：https://ext.dcloud.net.cn/plugin?id=822
|
|
*/
|
|
import store from '@/store'
|
|
import request from './request'
|
|
|
|
// 可以new多个request来支持多个域名请求
|
|
const $http = new request({
|
|
// 接口请求地址（初始值，实际使用时会从 store 动态读取）
|
|
baseUrl: '',
|
|
// 服务器本地上传文件地址（初始值，实际使用时会从 store 动态读取）
|
|
fileUrl: '',
|
|
// 服务器上传图片默认url
|
|
defaultUploadUrl: 'upload/image',
|
|
// 设置请求头（如果使用报错跨域问题，可能是content-type请求类型和后台那边设置的不一致）
|
|
header: {
|
|
'content-type': 'application/json;charset=utf-8'
|
|
},
|
|
// 请求超时时间, 单位ms（默认15000）
|
|
timeout: 15000,
|
|
// 默认配置（可不写）
|
|
config: {
|
|
// 是否自动提示错误
|
|
isPrompt: true,
|
|
// 是否显示加载动画
|
|
load: false,
|
|
// 是否使用数据工厂
|
|
isFactory: true
|
|
}
|
|
})
|
|
|
|
// 当前接口请求数
|
|
let requestNum = 0
|
|
// 请求开始拦截器
|
|
$http.requestStart = options => {
|
|
if (options.load) {
|
|
if (requestNum <= 0) {
|
|
// 打开加载动画
|
|
uni.showLoading({
|
|
title: '加载中',
|
|
mask: true
|
|
})
|
|
}
|
|
requestNum += 1
|
|
}
|
|
// 图片上传大小限制
|
|
if (options.method == "FILE" && options.maxSize) {
|
|
// 文件最大字节: options.maxSize 可以在调用方法的时候加入参数
|
|
const maxSize = options.maxSize
|
|
for (let item of options.files) {
|
|
if (item.size > maxSize) {
|
|
setTimeout(() => {
|
|
uni.showToast({
|
|
title: "图片过大，请重新上传",
|
|
icon: "none"
|
|
})
|
|
}, 10)
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
// 请求前加入当前终端
|
|
// options.header['platform'] = store.getters.platform
|
|
// 请求前加入Token
|
|
// options.header['Access-Token'] = store.getters.token
|
|
// return false 表示请求拦截，不会继续请求
|
|
return options
|
|
}
|
|
|
|
// 请求结束
|
|
$http.requestEnd = options => {
|
|
// 判断当前接口是否需要加载动画
|
|
if (options.load) {
|
|
requestNum = requestNum - 1
|
|
if (requestNum <= 0) {
|
|
uni.hideLoading()
|
|
}
|
|
}
|
|
}
|
|
|
|
// 当前是否显示modal
|
|
let loginModal = false
|
|
|
|
// 所有接口数据处理（可在接口里设置不调用此方法）
|
|
// 此方法需要开发者根据各自的接口返回类型修改，以下只是模板
|
|
$http.dataFactory = async res => {
|
|
console.log("接口请求数据", {
|
|
url: res.url,
|
|
resolve: res.response,
|
|
header: res.header,
|
|
data: res.data,
|
|
method: res.method,
|
|
})
|
|
|
|
if (!res.response.statusCode || res.response.statusCode != 200) {
|
|
// 返回错误的结果(catch接受数据)
|
|
return Promise.reject({
|
|
statusCode: res.response.statusCode,
|
|
errMsg: 'http状态码错误'
|
|
})
|
|
}
|
|
|
|
let httpData = res.response.data
|
|
return Promise.resolve(httpData)
|
|
// if (typeof httpData == "string") {
|
|
// try {
|
|
// httpData = JSON.parse(httpData)
|
|
// } catch (error) {
|
|
// // httpData = false
|
|
// }
|
|
// }
|
|
// if (httpData === false || typeof httpData !== 'object') {
|
|
// // 返回错误的结果(catch接受数据)
|
|
// return Promise.reject({
|
|
// statusCode: res.response.statusCode,
|
|
// errMsg: "请检查api地址能否访问正常"
|
|
// })
|
|
// }
|
|
|
|
/*********以下只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
|
|
|
|
// 判断数据是否请求成功
|
|
// result.status [ 200正常 500有错误 401未登录 403没有权限访问 ]
|
|
// if (httpData.status == 200) {
|
|
// // 返回正确的结果(then接受数据)
|
|
// return Promise.resolve(httpData)
|
|
// }
|
|
|
|
// 其他错误提示
|
|
if (httpData.status == 500) {
|
|
if (res.isPrompt) {
|
|
setTimeout(() => {
|
|
uni.showToast({
|
|
title: httpData.message,
|
|
icon: "none",
|
|
duration: 2500
|
|
})
|
|
}, 10)
|
|
}
|
|
// 返回错误的结果(catch接受数据)
|
|
return Promise.reject({
|
|
statusCode: 0,
|
|
errMsg: httpData.message,
|
|
result: httpData
|
|
})
|
|
}
|
|
|
|
/*********以上只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
|
|
}
|
|
|
|
// 错误回调
|
|
$http.requestError = e => {
|
|
if (e.statusCode === 0) {
|
|
throw e
|
|
} else {
|
|
setTimeout(() => showRequestError(e), 10)
|
|
}
|
|
}
|
|
|
|
// 显示请求错误信息
|
|
const showRequestError = (e) => {
|
|
let errMsg = `网络请求出错：${e.errMsg}`
|
|
// #ifdef MP-WEIXIN
|
|
if (e.errMsg === 'request:fail url not in domain list') {
|
|
errMsg = '当前API域名未添加到微信小程序授权名单 ' + e.errMsg
|
|
}
|
|
// #endif
|
|
if (e.errMsg === 'request:fail') {
|
|
errMsg = '网络请求错误：请检查api地址能否访问正常'
|
|
}
|
|
uni.showToast({
|
|
title: errMsg,
|
|
icon: "none",
|
|
duration: 3500
|
|
})
|
|
}
|
|
|
|
export default $http |