这篇文章主要介绍了axios使用拦截器统一处理所有的超文本传送协议(超文本传输协议的缩写)请求的方法，通过一段实例代码给大家介绍了axios拦截器使用，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

axios使用拦截器

在请求或响应被然后或捕捉处理前拦截它们。

http request拦截器

//添加请求拦截器

axios。截击机。请求。使用(功能(配置){

//在发送请求之前做些什么

返回配置；

},函数（错误){

//对请求错误做些什么

返回承诺。拒绝(错误);

});

http respones拦截器

//添加响应拦截器

axios。截击机。回应。使用(函数(响应){

//对响应数据做点什么

返回响应；

},函数（错误){

//对响应错误做点什么

返回承诺。拒绝(错误);

});

移除拦截器

var my interceptor=axios。截击机。请求。use(function(){/*.*/});

axios。截击机。请求。弹射(我的拦截器)；

为自定义axios实例添加拦截器

var instance=axios。create()；

实例。截击机。请求。use(function(){/*.*/});

PS：下面看下axios拦截器使用

从" axios"//axios导入axios引用

'导入商店自'././store' //store引用

const service ce=axios。创建({//创建服务

基本URL:“http://测试。API。如胶似漆。net '，//基础路径

超时：5000 //请求延时

})

伊夫斯爵士。截击机。请求。使用(//请求拦截

配置={

if (store.getters.userToken) {

配置。头[' X-Token ']=存储。吸气剂。用户令牌

配置。头['用户类型']=存储。吸气剂。usertype？store.getters.userType : '' //请求头中存放用户信息

配置。onuploadpress=(进度事件)={

var complete=(进度事件。已加载/进度事件。总计* 100 | 0)' % '

商店。分派(' setupLoadPercent ')，完成)

}

}

返回配置

},

错误={

退货承诺。拒绝（错误)

}

)

伊夫斯爵士。截击机。回应。使用(//回复拦截，主要针对部分回掉数据状态码进行处理

响应={

返回响应

},

错误={

退货承诺。拒绝（错误)

}

)

导出默认服务

总结

以上所述是小编给大家介绍的axios使用拦截器统一处理所有的超文本传送协议(超文本传输协议的缩写)请求的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。