axios.interceptors的使用

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)
});

这里要注意的是，看你前后端阅读401的返回，一般是报错，所以你的response是空的，你需要在error的回调里面去进行相关的处理。