封装 axios 请求 并 return 结果

Posted 韭菜包子敲代码

tags:

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

axios请求是异步请求,我遇到的情况是多个请求用同一个地址,通过传参不同控制想要的返回结果,因此,这时想将axios请求封装为一个函数,通过return将返回结果传出来。

但是如何实现呢,我才用的方法如下:

queryData(参数..){
  var datas={
    定义请求参数..
  }
  return axios.post(this.url,datas).then(response=>response.data.result).catch(error => error)
},

  这里的返回值为promise形式,因此采用.then()获取值。

this.queryData(参数..).then(response=>{
        console.log(response)          
 })    

  就可以拿到想要的值了。

以上是关于封装 axios 请求 并 return 结果的主要内容,如果未能解决你的问题,请参考以下文章

vue2-封装axios请求并设置请求拦截器

vue2-封装axios请求并设置请求拦截器

axios增强版封装

vue-cli配置axios,并基于axios进行后台请求函数封装

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

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