uni-app网络请求封装-及其使用

uni-app有提供一个网络请求的api
在这里插入图片描述具体请到uni-app官方文档查看

但,在实际的项目开发中接口会因为需求而增多,如果我们,每请求一次接口,就按照文档中的所属的请求步骤去请求接口,会使得页面代码非常的繁杂,且会有很多多余的代码。

所以,在给项目接入接口前,我们可以将网络请求" uni.request(OBJECT) "进行封装,随后在全局文件(main.js)中引入,如此就可以剩下许多重复的代码,减小项目文件的大小

以下为步骤,及小编我个人所编写的源码(可能于其他人的技术贴,有相似的部分,建议按照自己实际需求,来进行封装,因为只要你以后使用uni-app开发小程序等,只需要将你之前封装好的这个请求文件进行小部分的修改,即可使用。)

1.首先在项目工程的根目录创建一个XXX.js文件(XXX为文件名,随意)

在这里插入图片描述
以下为内部源码:
在这里插入图片描述
2.在main.js中全局引入,避免了,每一页面或者组件需要请求接口时,文件的重复引入,节省代码
在这里插入图片描述
3.最后 - 在需要请求接口的组件内容进行使用
在这里插入图片描述
调用成功,可在微信开发工具的控制台看到接口返回的数据,没有报错就成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值