uni-events-helper-wx/nxTemp/config/requestConfig.js

import request from "@/nxTemp/request";
import store from '@/nxTemp/store';
import config from '@/nxTemp/config/index.config.js';

//可以new多个request来支持多个域名请求
let $http = new request({
	//接口请求地址
	baseUrl: config.baseUrl,
	//服务器本地上传文件地址
	fileUrl: config.baseUrl,
	// 服务器上传图片默认url
	defaultUploadUrl: "api/common/v1/upload_image",
	//设置请求头（如果使用报错跨域问题，可能是content-type请求类型和后台那边设置的不一致）
	header: {
		'Content-Type': 'application/json;charset=UTF-8',
		// 'project_token': config.projectToken, //项目token（可删除）
	}
});

//请求开始拦截器
$http.requestStart = function(options) {
	// console.log("请求开始", options);
	if (options.load) {
		//打开加载动画
		store.commit("setLoadingShow", true);
	}
	
	//请求前加入token & token验证
	if (options.url) {
		if (options.needLogin) {
			let token = uni.getStorageSync('token');
			if (!token) {
				store.dispatch('reLogin', '');//无token时,触发重新登录
				console.error(options.url,"缺少token,触发重新登录",options);
			} else {
				options.header['token'] = token; //header中带上token
				if(!options.data.token)options.data['token'] = token; //请求data中带上token,兼容自带token参数
			}
		}
	}
	// 图片上传大小限制
	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;
			}
		}
	}
	
	// if (options.url) {
	// 	//请求前加入token
	// 	let url = options.url.substring(options.url.lastIndexOf('/') + 1);
	// 	if (url != 'login') {
	// 		let token = uni.getStorageSync('token');
	// 		if (!token) {
	// 			console.log(url,"缺少token",options);
	// 			store.dispatch('reLogin', '');
	// 		} else {
	// 			options.header['token'] = uni.getStorageSync('token');
	// 		}
	// 	}
	// }
	

	return options;
}
//请求结束
$http.requestEnd = function(options) {
	//判断当前接口是否需要加载动画
	if (options.load) {
		// 关闭加载动画
		store.commit("setLoadingShow", false);
	}
}
//所有接口数据处理（此方法需要开发者根据各自的接口返回类型修改，以下只是模板）
$http.dataFactory = async function(res) {

	//显示调试信息
	if(config.showLog){
		// console.log("接口请求数据", {
		// 	url: res.url,
		// 	resolve: res.response,
		// 	header: res.header,
		// 	data: res.data,
		// 	method: res.method,
		// });
		// console.log("requestConfig:",res);
		showLog(res.data,res.url,res.response)
	}
	
	//验证需登录接口状态并给与提示
	if(res.needLogin&&!res.data.token){
		return Promise.reject({
			statusCode: 0,
			errMsg: "请先登录后尝试",
			data: res.url
		});
	}
	
	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) {
		if (httpData.code == 0) {
			// 返回正确的结果(then接受数据)
			return Promise.resolve(httpData.data);
		} else if (httpData.code == "1000" || httpData.code == "1001" || httpData.code == 1100 || httpData.code == 402) {

			// 失败重新请求（最多重新请求3次）
			// if(res.resend < 3){
			//     let result = await $http.request({
			//     	url: res.url,
			//     	data: res.data,
			//     	method: res.method,
			//     	header: res.header,
			//     	isPrompt: res.isPrompt,//（默认 true 说明：本接口抛出的错误是否提示）
			//     	load: res.load,//（默认 true 说明：本接口是否提示加载动画）
			//     	isFactory: res.isFactory, //（默认 true 说明：本接口是否调用公共的数据处理方法，设置false后isPrompt参数将失去作用）
			//      resend: res.resend += 1 // 当前重发次数
			//     });
			//     // 返回正确的结果(then接受数据)
			//     return Promise.resolve(result);
			// }
			// 返回错误的结果(catch接受数据)
			// return Promise.reject({
			// 	statusCode: 0,
			// 	errMsg: "【request】" +  (httpData.info || httpData.msg)
			// });

			//----------------------------------------分割线---------------------------------------------------

			// 刷新token在重新请求（最多重新请求2次）
			// if(res.resend < 2){
			//     let tokenResult = await $http.request({
			//     	url: "http://localhost:7001/api/common/v1/protocol", // 获取token接口地址
			//     	data: {
			//             type: 1000
			//         }, // 获取接口参数
			//     	method: "GET",
			//     	load: false,//（默认 true 说明：本接口是否提示加载动画）
			//     });
			//     // 储存token
			//     store.commit("userInfo", tokenResult);
			//     let result = await $http.request({
			//     	url: res.url,
			//     	data: res.data,
			//     	method: res.method,
			//     	header: res.header,
			//     	isPrompt: res.isPrompt,//（默认 true 说明：本接口抛出的错误是否提示）
			//     	load: res.load,//（默认 true 说明：本接口是否提示加载动画）
			//     	isFactory: res.isFactory, //（默认 true 说明：本接口是否调用公共的数据处理方法，设置false后isPrompt参数将失去作用）
			//         resend: res.resend += 1 // 当前重发次数
			//     });
			//     // 返回正确的结果(then接受数据)
			//     return Promise.resolve(result);
			// }
			// 返回错误的结果(catch接受数据)
			// return Promise.reject({
			// 	statusCode: 0,
			// 	errMsg: "【request】" +  (httpData.info || httpData.msg)
			// });


			store.commit("emptyUserInfo");
			// #ifdef MP-WEIXIN
			// onLogin();跳转登录页面
			// #endif


			// 返回错误的结果(catch接受数据)
			return Promise.reject({
				statusCode: 0,
				errMsg: "请求失败:" + (httpData.info || httpData.msg),
				data: res.data
			});
		} else if (httpData.code == "401") { // token失效

			uni.showToast({
				title: "登录状态失效请重新登录",
				icon: "none"
			});


			// 返回错误的结果(catch接受数据)
			// return Promise.reject({
			// 	statusCode: 0,
			// 	errMsg: "【request】" + (httpData.info || httpData.msg),
			// 	data: res.data
			// });
		} else { //其他错误提示   
			if (res.isPrompt) {
				uni.showToast({
					title: httpData.info || httpData.msg|| httpData.message,
					icon: "none",
					duration: 3000
				});
			}
			// 返回错误的结果(catch接受数据)
			return Promise.reject({
				statusCode: 0,
				errMsg: "请求失败:" + (httpData.info || httpData.msg|| httpData.message),
				data: res.data
			});
		}

		/*********以上只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/

	} else {
		// 返回错误的结果(catch接受数据)
		return Promise.reject({
			statusCode: res.response.statusCode,
			errMsg: "请求失败:"+res.response.statusCode,
			data: res.data
		});
	}
};
// 错误回调
$http.requestError = function(e) {
	// e.statusCode === 0 是参数效验错误抛出的
	console.log("-requestError-");
	if (e.statusCode === 0) {
		throw e;
	} else {
		console.log(e);
		uni.showToast({
			title: "网络错误，请检查一下网络",
			icon: "none"
		});
	}
}
// 添加获取七牛云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
		});
	});
}
//log日志函数
function showLog(data,url,response){
	let weburl = getWebURL(data,url)
	let temp = url.split("?")[0].split("/")
	let postName = temp[temp.length-1]
	console.warn("-------------------->> ["+postName+"][log]\n"
	+"请求 Data: \n" + JSON.stringify(data)
	+"\n URL:\n"+weburl
	+"\n 服务端返回:\n"+JSON.stringify(response.data)
	+"\n <<-------------------- ["+postName+"][log] ↑↑↑\n")
}
//获取拼接url
function getWebURL(data,url){
	let result = ""
	for(var i in data){
		result+=`&${i}=${data[i]}`
	}
	return url+"?"+result.slice(1)
}
export default $http;