关于uniapp的request封装保姆级教程
看了前端老张的uniapp视频,在学完nodejs之后就可以进行接口对接,但是接口对接需要频繁的写入相同的url和一些相同的数据,所以我们需要进行request的封装,以此减少我们的代码量,废话不多说,直接开始
1.首先,我使用的是windows的,因为是本地数据,使用ipconfig查询自己的ip地址:
格式为:http://192.xxx.x.xxx(也有不一样的,看自己的IPv4就行)
2.拿到我们的ip地址之后,我们在common目录下创建我们的request.js文件
3.进入到文件之后我们开始写代码,基于uniapp文档里#uni.request(OBJECT)的配置作为参考
export default{ common:{ baseUrl:"http://192.xxx.xxxx:3000/api", data:{}, header:{ "Content-type":"application/json", "Content-type":"application/x-www-form-urlencoded" }, methods:"GET", dataType:"json" }, request(options={}) { options.url =this.common.baseUrl+options.url; options.data =this.common.data || options.data; options.header =this.common.header || options.header; options.method =this.common.method || options.method; options.dataType =this.common.dataType || options.dataType; return new Promise((res,rej)=>{ uni.request({ ...options, success:(result) =>{ if(result.statusCode != 200){ return rej(); } let data =result.data; res(data) } }) }) } }
4.引入之前写的request.js文件,之后在页面上配置使用就完成了
总结
到此这篇关于uniapp的request封装保姆级教程的文章就介绍到这了,更多相关uniapp的request封装内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
javascript跨域方法、原理以及出现问题解决方法(详解)
javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。但是在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。跨域简单的理解就是因为javascript同源策略的限制,a.com域名下的js无法操作b.com 或者是c.a.com域名下的对象2015-08-08
最新评论