初始化（包含登录模块）
This commit is contained in:
214
uni_modules/zhouWei-request/js_sdk/requestConfig.js
Normal file
214
uni_modules/zhouWei-request/js_sdk/requestConfig.js
Normal file
@@ -0,0 +1,214 @@
|
||||
import request from "./request";
|
||||
// 全局配置的请求域名
|
||||
let baseUrl = "http://www.xxx.com/api/";
|
||||
//可以new多个request来支持多个域名请求
|
||||
let $http = new request({
|
||||
//接口请求地址
|
||||
baseUrl: baseUrl,
|
||||
//服务器本地上传文件地址
|
||||
fileUrl: baseUrl,
|
||||
// 服务器上传图片默认url
|
||||
defaultUploadUrl: "api/common/v1/upload_image",
|
||||
//设置请求头（如果使用报错跨域问题，可能是content-type请求类型和后台那边设置的不一致）
|
||||
header: {
|
||||
'content-type': 'application/json;charset=UTF-8'
|
||||
},
|
||||
// 请求超时时间（默认6000）
|
||||
timeout: 6000,
|
||||
// 默认配置（可不写）
|
||||
config: {
|
||||
// 是否自动提示错误
|
||||
isPrompt: true,
|
||||
// 是否显示加载动画
|
||||
load: true,
|
||||
// 是否使用数据工厂
|
||||
isFactory: true
|
||||
}
|
||||
});
|
||||
|
||||
// 添加获取七牛云token的方法
|
||||
$http.getQnToken = function(callback){
|
||||
//该地址需要开发者自行配置（每个后台的接口风格都不一样）
|
||||
$http.get("api/kemean/aid/qn_upload").then(data => {
|
||||
/*
|
||||
*接口返回参数：
|
||||
*visitPrefix:访问文件的域名
|
||||
*token:七牛云上传token
|
||||
*folderPath:上传的文件夹
|
||||
*region: 地区 默认为：SCN
|
||||
*/
|
||||
callback({
|
||||
visitPrefix: data.visitPrefix,
|
||||
token: data.token,
|
||||
folderPath: data.folderPath,
|
||||
region: "SCN"
|
||||
});
|
||||
});
|
||||
}
|
||||
// 添加获取阿里云token的方法
|
||||
$http.getAliToken = function(callback){
|
||||
//该地址需要开发者自行配置（每个后台的接口风格都不一样）
|
||||
$http.get("api/open/v1/ali_oss_upload").then(data => {
|
||||
/*
|
||||
*接口返回参数：
|
||||
*visitPrefix: 访问文件的域名
|
||||
*folderPath: 上传的文件夹
|
||||
*region: 地区
|
||||
*bucket: 阿里云的 bucket
|
||||
*accessKeyId: 阿里云的访问ID
|
||||
*accessKeySecret: 阿里云的访问密钥
|
||||
*stsToken: 阿里云的访问token
|
||||
*/
|
||||
callback({
|
||||
accessKeyId: data.accessKeyId,
|
||||
accessKeySecret: data.accessKeySecret,
|
||||
bucket: data.bucket,
|
||||
region: data.region,
|
||||
visitPrefix: data.visitPrefix,
|
||||
token: data.token,
|
||||
folderPath: data.folderPath,
|
||||
stsToken: data.securityToken,
|
||||
});
|
||||
});
|
||||
}
|
||||
//当前接口请求数
|
||||
let requestNum = 0;
|
||||
//请求开始拦截器
|
||||
$http.requestStart = function(options) {
|
||||
if (options.load) {
|
||||
if (requestNum <= 0) {
|
||||
//打开加载动画
|
||||
uni.showLoading({
|
||||
title: '加载中',
|
||||
mask: true
|
||||
});
|
||||
}
|
||||
requestNum += 1;
|
||||
}
|
||||
// 图片、视频上传大小限制
|
||||
if (options.method == "FILE") {
|
||||
// 文件最大字节: options.maxSize 可以在调用方法的时候加入参数
|
||||
let maxSize = options.maxSize || '';
|
||||
for (let item of options.files) {
|
||||
if(item.fileType == 'image'){
|
||||
if (maxSize && item.size > maxSize) {
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: "图片过大，请重新上传",
|
||||
icon: "none"
|
||||
});
|
||||
}, 500);
|
||||
return false;
|
||||
}
|
||||
} else if(item.fileType == "video"){
|
||||
if (item.duration < 3) {
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: "视频长度不足3秒，请重新上传",
|
||||
icon: "none"
|
||||
});
|
||||
}, 500);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//请求前加入token
|
||||
options.header['token'] = "你的项目登录token";
|
||||
return options; // return false 表示请求拦截，不会继续请求
|
||||
}
|
||||
//请求结束
|
||||
$http.requestEnd = function(options) {
|
||||
//判断当前接口是否需要加载动画
|
||||
if (options.load) {
|
||||
requestNum = requestNum - 1;
|
||||
if (requestNum <= 0) {
|
||||
uni.hideLoading();
|
||||
}
|
||||
}
|
||||
}
|
||||
//登录弹窗次数
|
||||
let loginPopupNum = 0;
|
||||
//所有接口数据处理（可在接口里设置不调用此方法）
|
||||
//此方法需要开发者根据各自的接口返回类型修改，以下只是模板
|
||||
$http.dataFactory = async function(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) {
|
||||
let httpData = res.response.data;
|
||||
if (typeof (httpData) == "string") {
|
||||
httpData = JSON.parse(httpData);
|
||||
}
|
||||
/*********以下只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
|
||||
|
||||
//判断数据是否请求成功
|
||||
if (httpData.success || httpData.code == 200) {
|
||||
// 返回正确的结果(then接受数据)
|
||||
return Promise.resolve(httpData.data);
|
||||
} else if (httpData.code == "1000" || httpData.code == "1001" || httpData.code == 1100) {
|
||||
let content = '此时此刻需要您登录喔~';
|
||||
if (loginPopupNum <= 0) {
|
||||
loginPopupNum++;
|
||||
uni.showModal({
|
||||
title: '温馨提示',
|
||||
content: content,
|
||||
confirmText: "去登录",
|
||||
cancelText: "再逛会",
|
||||
success: function (res) {
|
||||
loginPopupNum--;
|
||||
if (res.confirm) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/user/login"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
// 返回错误的结果(catch接受数据)
|
||||
return Promise.reject({
|
||||
statusCode: 0,
|
||||
errMsg: "【request】" + (httpData.info || httpData.msg)
|
||||
});
|
||||
} else { //其他错误提示
|
||||
if (res.isPrompt) {
|
||||
uni.showToast({
|
||||
title: httpData.info || httpData.msg,
|
||||
icon: "none",
|
||||
duration: 3000
|
||||
});
|
||||
}
|
||||
// 返回错误的结果(catch接受数据)
|
||||
return Promise.reject({
|
||||
statusCode: 0,
|
||||
errMsg: "【request】" + (httpData.info || httpData.msg)
|
||||
});
|
||||
}
|
||||
|
||||
/*********以上只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
|
||||
|
||||
} else {
|
||||
// 返回错误的结果(catch接受数据)
|
||||
return Promise.reject({
|
||||
statusCode: res.response.statusCode,
|
||||
errMsg: "【request】数据工厂验证不通过"
|
||||
});
|
||||
}
|
||||
};
|
||||
// 错误回调
|
||||
$http.requestError = function (e) {
|
||||
// e.statusCode === 0 是参数效验错误抛出的
|
||||
if (e.statusCode === 0) {
|
||||
throw e;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "网络错误，请检查一下网络",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
}
|
||||
export default $http;
|
||||
Reference in New Issue
Block a user