Uniapp接口封装

1.新建.js文件复制下面代码根据需要进行更改。

2.代码如下:

export default{
	common:{
		baseUrl:"http://192.xxxx",//此处为后端接口地址根据自己实际情况填写
		//#ifdef MP
		baseUrl:"https://xxxxxx",//此处为微信小程序接口
		//#endif
		data:{},
		header:{
			"Content-Type":"application/json",
			"Content-Type":"application/x-www-form-urlencoded"
		},
		method:"GET",
		dataType:"json"
	},
	request( options={} ){
		
		options.url = this.common.baseUrl + options.url;
		options.data = 	options.data || this.common.data;
		options.header = options.header || this.common.header;
		options.method = options.method || this.common.method;
		options.dataType = 	options.dataType || this.common.dataType;
		return new Promise((res,rej)=>{
			uni.request({
				...options,
				success: (result) => {
					if(result.statusCode != 200){
						return rej();
					}
					setTimeout(function () {
					    uni.hideLoading();
					}, 500);
					let data = result.data;
					res(data);
				}
			})
		})
	}
}

3.以上代码根据我的项目实际情况制作,复制后可根据自己实际情况进行更改。

你可能感兴趣的:(uni-app,uni-app,javascript,前端)