uni-app封装request请求

本文介绍了如何在uni-app中封装request请求,以避免在每个页面重复编写请求代码。通过创建common文件夹,编写request.js,定义baseUrl和api,使用Promise处理异步请求,并在main.js中全局注册,实现请求的便捷调用。在页面中简单调用即可完成请求,简化项目中的请求操作。
摘要由CSDN通过智能技术生成

在上一篇文章里面,写到使用uni.request请求的方法
https://www.jianshu.com/p/bc62c9e1beed

getList() {			
				uni.request({
					url: "https://unidemo.dcloud.net.cn/api/news",					
					method: 'get',
					dataType: 'json',
					success: (res) => {
						console.log(res.data);
						this.productList = res.data;
					},					
				});
			},

但是实际做项目的时候,会发现每个界面都要重复的写这些,看起来重复又啰嗦,心情就十分的不美丽了。

如果不封装那么我们会面临几个不方便的地方:

请求头每次网络请求都要单独设置
返回数据的正确性判断每次都要重复大量代码
返回数据格式有变化需要修改所有网络请求的地方

那么,该怎么使用uni-app封装一个request请求?步骤很简单,且听我一一道来。

注意:使用的例子,来自于这篇文章的相关的代码,修改封装请求是基于这个文章里面代码。进行相关的修改的。
https://www.jianshu.com/p/bc62c9e1beed

步骤如下:

1、项目下新建common文件夹,再创建request.js文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值