uni-app有提供一个网络请求的api
具体请到uni-app官方文档查看
但,在实际的项目开发中接口会因为需求而增多,如果我们,每请求一次接口,就按照文档中的所属的请求步骤去请求接口,会使得页面代码非常的繁杂,且会有很多多余的代码。
所以,在给项目接入接口前,我们可以将网络请求" uni.request(OBJECT) "进行封装,随后在全局文件(main.js)中引入,如此就可以剩下许多重复的代码,减小项目文件的大小
以下为步骤,及小编我个人所编写的源码(可能于其他人的技术贴,有相似的部分,建议按照自己实际需求,来进行封装,因为只要你以后使用uni-app开发小程序等,只需要将你之前封装好的这个请求文件进行小部分的修改,即可使用。)
1.首先在项目工程的根目录创建一个XXX.js文件(XXX为文件名,随意)
以下为内部源码:
2.在main.js中全局引入,避免了,每一页面或者组件需要请求接口时,文件的重复引入,节省代码
3.最后 - 在需要请求接口的组件内容进行使用
调用成功,可在微信开发工具的控制台看到接口返回的数据,没有报错就成功