uni-app封装一个request()接口

  1. 创建一个对象,将该对象挂在Vue的原型下。
    新建 @/common/request.js 文件
export default {
        get(){},
        post(){}
}
  1. 进入mine.js文件
    在这里插入图片描述
    在任意文件中书写下列代码可以调用。
this.$H.get();
this.$H.post();

封装request.js文件

//暴露接口
export default{
	
	result(options){
	//我们使用Promise方法来实现调用接口时后面多个.then()的方法
	//只有promise能实现如同$axios后面连续多个.then()的方法
		return new Promise((resolve,reject)=>{
			uni.request({
				...options,
				success:res=>{
					if(options.native){
						resolve(res)
					}
					
					if(res.statusCode===200){
						resolve(res.data)
					}else{
						reject(res)
					}
				}
			})
		})
	},
	
	get(url,data={},options={}){
		options.url=url
		options.data=data
		options.method="get"
		return this.result(options)
	},
	post(url,data={},options={}){
		options.url=url
		options.data=data
		options.method="post"
		return this.result(options)
	}
}

在需要调接口的页面使用封装好的request()

			this.$H.get('后台接口文件地址',{参数区},{native:false}).then((res)=>{
				console.log(res)
			}).catch((res)=>{
				/* 错误 */
				console.log(res)
			})
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值