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

uni-app有提供一个网络请求的api
uni-app网络请求封装-及其使用_第1张图片具体请到uni-app官方文档查看

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

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

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

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

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

你可能感兴趣的:(uniapp学习)