关于uniapp的request封装(保姆级)

看了前端老张的uniapp视频，在学完nodejs之后就可以进行接口对接，但是接口对接需要频繁的写入相同的url和一些相同的数据，所以我们需要进行request的封装，以此减少我们的代码量，废话不多说，直接开始

1.首先，我使用的是windows的，因为是本地数据，使用ipconfig查询自己的ip地址：

格式为:http://192.xxx.x.xxx(也有不一样的，看自己的IPv4就行)

 

 2.拿到我们的ip地址之后，我们在common目录下创建我们的request.js文件

 

3.进入到文件之后我们开始写代码，基于uniapp文档里#uni.request(OBJECT)的配置作为参考

export default{
	common:{
		baseUrl:"http://192.xxx.xxxx:3000/api",
		data:{},
		header:{
			"Content-type":"application/json",
			"Content-type":"application/x-www-form-urlencoded"
		},
		methods:"GET",
		dataType:"json"
			},
	request(options={}) {
		options.url =this.common.baseUrl+options.url;
		options.data =this.common.data || options.data;
		options.header =this.common.header || options.header;
		options.method =this.common.method || options.method;
		options.dataType =this.common.dataType || options.dataType;
		return new Promise((res,rej)=>{
			uni.request({
				...options,
				success:(result) =>{
					if(result.statusCode != 200){
						return rej();
					}
					let data =result.data;
					res(data)
					}
			})
		})
		
	}
}

4.引入之前写的request.js文件，之后在页面上配置使用就完成了