[JavaScript知识库]ES6 Promise封装axsios

原生的axios书写是这样的：

axios({

url: 接口地址,

method:请求方法,

data:携带数据,

}).then(res=>{

//请求接口成功的逻辑

}).catch(err=>{

//请求接口失败的逻辑

})

?Promise封装后：

export const get=(url,params){

? ? ? ? params=params||{};

? ? ? ? return Promise((resolve,reject)=>{

? ? ? ? ? ? ? ? axios.get(url,{params})

? ? ? ? ? ? ? ? .then(res=>{resolve(res);})

? ? ? ? ? ? ? ? .catch(error=>{reject(error);});

????????})

}

将get方法挂在在Vue上。

Vue.prototype.$http={get,post};

? ? ?

调用

async geyList(){

????????var res=await this.$http(url,params);

}

?