axios使用拦截器统一处理所有的http请求的方法 - 行业资讯

<强> axios使用拦截器

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

<强> http请求拦截器

　　　　//添加请求拦截器　　axios.interceptors.request.use(函数(配置){//在发送请求之前做些什么　　返回配置; 　　(错误){},函数//对请求错误做些什么　　返回Promise.reject(错误); 　　}); 　　　　

<强> http响应拦截器

　　　　//添加响应拦截器　　axios.interceptors.response.use(函数(响应){//对响应数据做点什么　　返回响应; 　　(错误){},函数//对响应错误做点什么　　返回Promise.reject(错误); 　　}); 　　　　

<强>移除拦截器

　　　　　　var myInterceptor=axios.interceptors.request.use(函数(){/*…*/}); 　　axios.interceptors.request.eject (myInterceptor); 　　　　

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

　　　　　　var=axios.create实例(); 　　instance.interceptors.request.use(函数(){/*…*/}); 　　　　

　　　　　　从“axios”//进口axios axios引用　　进口商店从“. ./. ./存储//储存引用　　const服务=axios。创建({//创建服务　　baseURL: ' http://test.api.rujiaowang.net ',//基础路径　　超时:5000//请求延时　　}）　　serivce.interceptors.request.use(//请求拦截　　配置=比;{ 　　如果(store.getters.userToken) { 　　配置。头[' X-Token ']=store.getters.userToken 　　配置。标题(“用户类型”)=store.getters。userType & # 63;store.getters。userType://请求头中存放用户信息　　配置。onUploadProgress=(progressEvent)=比;{ 　　var=(progressEvent完成。加载/progressEvent。总* 100 | 0)+ ' % ' 　　商店。调度(setupLoadPercent,完成) 　　} 　　} 　　返回配置　　}，　　错误=比;{ 　　返回Promise.reject(错误) 　　} 　　) 　　serivce.interceptors.response.use(//回复拦截,主要针对部分回掉数据状态码进行处理　　响应=比;{ 　　返回响应　　}，　　错误=比;{ 　　返回Promise.reject(错误) 　　} 　　) 　　出口默认服务　　　　

以上所述是小编给大家介绍的axios使用拦截器统一处理所有的http请求的方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!