145  
查询码:00000956
axios.interceptors的使用
来源:https://blog.csdn.net/weixin_43078608/article/details/98875497
作者: 朱凡 于 2020年06月04日 发布在分类 / FM组 / FM_App 下,并于 2020年06月04日 编辑
拦截 请求 拦截器 interceptors 使用 import loading 博客 weixin 一个

axios.interceptors的使用

axios.interceptors有两种,一是请求拦截,二是返回拦截。

一、请求拦截

使用场景

1.在请求时在请求参数上统一添加参数,

axios.interceptors.request.use(config=>{ 
 if(config.method=='post'){
        config.data = {
          ...config.data,
          "paramsName": params,
        }
      }else if(config.method=='get'){
        config.params = {
          "paramsName":params,
          ...config.params
        }
      }
return config;
},err=>{
 return Promise.reject(err);
});

这样就可以将你的参数添加在请求当中了。

二、结果拦截

使用场景,验证token是否过期

axios.interceptors.response.use(response=>{
},error => {
if(error.response.status === 401){
//对应的token过期的操作
}
 return Promise.resolve(error.response)
});


 推荐知识

 历史版本

修改日期 修改人 备注
2020-06-04 20:37:46[当前版本] 朱凡 创建版本

  目录
    知识分享平台 -V 4.8.7 -wcp