221 lines
5.7 KiB
JavaScript
221 lines
5.7 KiB
JavaScript
import request from "@/plugins/request";
|
||
import store from '@/config/store';
|
||
import base from '@/config/baseUrl';
|
||
// #ifdef H5
|
||
import {
|
||
h5Login
|
||
} from '@/config/html5Utils';
|
||
// #endif
|
||
// #ifdef MP-WEIXIN
|
||
import {
|
||
onLogin
|
||
} from '@/config/login';
|
||
// #endif
|
||
let version_code = '';
|
||
// #ifdef APP-PLUS
|
||
import { getCurrentNo } from '@/plugins/APPUpdate';
|
||
setTimeout(() => {
|
||
getCurrentNo(function(res){
|
||
console.log("版本号",res);
|
||
version_code = res.versionCode;
|
||
});
|
||
},200);
|
||
// #endif
|
||
|
||
//可以new多个request来支持多个域名请求
|
||
let $http = new request({
|
||
//接口请求地址
|
||
baseUrl: base.baseUrl,
|
||
//服务器本地上传文件地址
|
||
fileUrl: base.baseUrl,
|
||
//设置请求头（如果使用报错跨域问题，可能是content-type请求类型和后台那边设置的不一致）
|
||
header: {
|
||
'Content-Type': 'application/json;charset=UTF-8',
|
||
'project_token': base.projectToken, //项目token（可删除）
|
||
}
|
||
});
|
||
// 添加获取七牛云token的方法
|
||
$http.getQnToken = function(callback){
|
||
//该地址需要开发者自行配置（每个后台的接口风格都不一样）
|
||
$http.get("api/common/v1/qn_upload").then(data => {
|
||
/*
|
||
*接口返回参数：
|
||
*visitPrefix:访问文件的域名
|
||
*token:七牛云上传token
|
||
*folderPath:上传的文件夹
|
||
*region: 地区 默认为：SCN
|
||
*/
|
||
callback({
|
||
visitPrefix: data.visitPrefix,
|
||
token: data.token,
|
||
folderPath: data.folderPath
|
||
});
|
||
});
|
||
}
|
||
//请求开始拦截器
|
||
$http.requestStart = function(options) {
|
||
//console.log("请求开始", options);
|
||
if (options.load) {
|
||
//打开加载动画
|
||
store.commit("setLoadingShow", true);
|
||
}
|
||
// 图片上传大小限制
|
||
if (options.method == "FILE" && options.maxSize) {
|
||
// 文件最大字节: options.maxSize 可以在调用方法的时候加入参数
|
||
let maxSize = options.maxSize;
|
||
for (let item of options.files) {
|
||
if (item.size > maxSize) {
|
||
setTimeout(() => {
|
||
uni.showToast({
|
||
title: "图片过大，请重新上传",
|
||
icon: "none"
|
||
});
|
||
}, 500);
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
// #ifdef APP-PLUS
|
||
// 添加当前版本号
|
||
if(version_code){
|
||
options.header['version_code'] = version_code;
|
||
}
|
||
// #endif
|
||
//请求前加入token
|
||
if (store.state.userInfo.token) {
|
||
options.header['token'] = store.state.userInfo.token;
|
||
};
|
||
return options;
|
||
}
|
||
//请求结束
|
||
$http.requestEnd = function(options) {
|
||
//判断当前接口是否需要加载动画
|
||
if (options.load) {
|
||
// 关闭加载动画
|
||
store.commit("setLoadingShow", false);
|
||
}
|
||
}
|
||
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 == 0) {
|
||
// 返回正确的结果(then接受数据)
|
||
return Promise.resolve(httpData);
|
||
} else if (httpData.code == "1000" || httpData.code == "1001" || httpData.code == 1100) {
|
||
store.commit("emptyUserInfo");
|
||
// #ifdef MP-WEIXIN
|
||
onLogin();
|
||
// #endif
|
||
// #ifdef H5
|
||
h5Login("force");
|
||
// #endif
|
||
// #ifdef APP-PLUS
|
||
var content = '此时此刻需要您登录喔~';
|
||
if (httpData.code == "1000") {
|
||
content = '此时此刻需要您登录喔';
|
||
}
|
||
if (loginPopupNum <= 0) {
|
||
loginPopupNum++;
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: content,
|
||
confirmText: "去登录",
|
||
cancelText: "再逛会",
|
||
success: function(res) {
|
||
loginPopupNum--;
|
||
if (res.confirm) {
|
||
uni.navigateTo({
|
||
url: "/pages/mine/login"
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// #endif
|
||
// 返回错误的结果(catch接受数据)
|
||
return Promise.reject({
|
||
statusCode: 0,
|
||
errMsg: "【request】" + (httpData.info || httpData.msg)
|
||
});
|
||
} else if (httpData.code == "1004") {
|
||
if (loginPopupNum <= 0) {
|
||
loginPopupNum++;
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: "您还未绑定手机号，请先绑定~",
|
||
confirmText: "去绑定",
|
||
cancelText: "再逛会",
|
||
success: (res) => {
|
||
loginPopupNum--;
|
||
if (res.confirm) {
|
||
uni.navigateTo({
|
||
url: '/pages/user/bindPhone'
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// 返回错误的结果(catch接受数据)
|
||
return Promise.reject({
|
||
statusCode: 0,
|
||
errMsg: "【request】" + (httpData.info || httpData.msg)
|
||
});
|
||
} else {
|
||
// store.commit("emptyUserInfo");
|
||
// uni.navigateTo({
|
||
// url:'/pages/mine/index'
|
||
// })
|
||
//其他错误提示
|
||
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: 0,
|
||
errMsg: "【request】数据工厂验证不通过"
|
||
});
|
||
}
|
||
};
|
||
// 错误回调
|
||
$http.requestError = function(e){
|
||
// e.statusCode === 0 是参数效验错误抛出的
|
||
if(e.statusCode === 0){
|
||
throw e;
|
||
} else {
|
||
uni.showToast({
|
||
title: "网络错误，请检查一下网络",
|
||
icon: "none"
|
||
});
|
||
}
|
||
}
|
||
export default $http;
|