axios方法封装

Posted goodman8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios方法封装相关的知识,希望对你有一定的参考价值。

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方法封装的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

回归 | js实用代码片段的封装与总结(持续更新中...)

axios方法封装

vue axios接口封装Promise封装简单的axios方法封装vue接口方法封装vue postgetpatchput方法封装

项目集成element-plus和axios

promise封装axios方法