shop-app/common/plugins/msbUniRequest.js

/*
 * @Author: ch
 * @Date: 2022-03-17 16:36:59
 * @LastEditors: ch
 * @LastEditTime: 2022-04-22 20:30:03
 * @Description: 针对uniapp request请求做了一次封装，使用思维参考axios
 * 
 * 
 * 方法
 * method(option) 自定义请求，同uni.request
 * get(url, params, header) url 请求地址  params 请求参数 
 * 		header 请求头会针对当前请求头设置特定的请求头。传了此参数request拦截器会失效
 * post(url, data, header) 同上
 * put(url, data, header) 同上
 * delete(url, data, header) 同上
 * use(hookName, callback) 注入hook拦截器   hookName 拦截器名（request/response/error） callback拦截器具体见拦截器说明
 * 
 * 属性
 * baseUrl 请求地址前缀
 * 
 * 拦截器
 * request 请求前拦截，在这可统一设置请求头，请求体等参数。uni.request的第一个参数option都可以重置
 * success 请求成功结果拦截 
 * error 请求错误拦截
 * 
 * 示例
 * const myReq = new MsbUniRequest();
 * myReq.baseUrl = 'xxxx'
 * myReq.use('request', (option)=>{
 *    // option 返回请求配置
 *    .....这里可以对option做一系列操作
 *   return option //最后返回一个正确的请求配置
 * })
 * myReq.use('success', (res)=>{
 * 		//res 返回请求结果
 *      let newRes = ..... //这里可以对请求结果做统一处理
 * 		return newRes 
 * })
 * 
 * myReq.use('error', (error)=>{
 * 		//error 返回错误结果
 *      let newError = ..... //这里可以对请求错误做统一处理
 * 		return newError 
 * })
 */
class MsbUniRequest {
	constructor (option){
		this.baseUrl = '';
		this.header = {
			repeat : true
		}
		this.hook = {
			request : null,
			success : null,
			error : null
		}
		
	}
	method(option){
		option.header = {...this.header,...option.header};
		option.url = this.baseUrl + option.url;
		if(this.hook.request){
			option = this.hook.request(option);
		};

		if(!option){
			throw new Error('没有请求配置，或是request拦截未做return');
		}
		if(option.constructor === Promise){
			return option
		}
		return new Promise((resolve, reject)=>{
			uni.request({
				...option,
				success: res => {
					const response = res || res[1];
					// 200 - 399状态为正常
					if(response.statusCode >= 200 && response.statusCode < 400){
						if(!this.hook.success){
							resolve(response);
						}else{
							let newRes = this.hook.success(response, option);
							// 业务结果处理可能为一个Promise对象，根据结果调用错误或正确状态
							if(newRes && newRes.constructor === Promise){
								newRes.then(res => {
									resolve(res);
								}, error =>{
									reject(error);
								})
							}else{
								resolve(newRes);
							}
						}
						return false;
					}
					reject(this.hook.error ? this.hook.error(response, option) : response);

				},
				fail: error =>{
					reject(this.hook.error ? this.hook.error(error, option) : error);

				}
			});
		});
	}
	use(hookName, cb){
		this.hook[hookName] = cb;
	}
	get(url, data, header){
		return this.method({method : 'GET', url, data, header});
	}
	post(url, data, header){
		return this.method({method : 'POST', url, data, header});
	}
	put(url, data, header){
		return this.method({method : 'PUT', url, data, header});
	}
	delete(url, data, header){
		return this.method({method : 'DELETE', url, data, header});
	}
}

export default  MsbUniRequest;