码迷,mamicode.com
首页 > 移动开发 > 详细

axios方法封装

时间:2017-11-12 22:20:08      阅读:325      评论:0      收藏:0      [点我收藏+]

标签:auto   main   this   分享   img   ima   imageview   shu   9.png   

axios方法封装

一般情况下,我们会用到的方法有:GET,POST,PUT,PATCH,封装方法如下:

技术分享
 
技术分享
 

五、封装后的方法的使用

1、在main.js文件里引用之前写好的文件,我的命名为http.js

技术分享
 

2、在需要的地方之间调用,如图所示:

 

技术分享
 

说明:

GET调用方法如下,其中url是接口地址

this.$get(url).then((res) {

//代码

});

POST调用方法如下,其中url是接口地址,data是请求的数据。

this.$post(url,data).then({

//代码

});

PATCH调用方法如下,其中url是接口地址,data是请求的数据

this.$patch(url,data).then({

//代码

});

PUT调用方法如下,其中url是接口地址,data是请求的数据

this.$put(url,data).then({

//代码

});



作者:陈楠酒肆
链接:http://www.jianshu.com/p/3b5e453f54f5
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

axios方法封装

标签:auto   main   this   分享   img   ima   imageview   shu   9.png   

原文地址:http://www.cnblogs.com/zhaodagang8/p/7823191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!