axios 拦截器

axios 拦截器

拦截器：拦截每一次你的请求和响应，然后进行相应的处理
就是在你发送请求或者获得响应的时候所做的事情

设置拦截器

他们的参数就是配置项
比如：
Cconfig（参数).data就是请求体
Cconfig（参数).method为请求方法

<script>
axios.interceptors.request.use(function (Cconfig) {
     console.log(' yes request 1');
    return Cconfig;
  }, function (Cerror) {
    console.log(' no request 1');
    return Promise.reject(Cerror);
  });
  axios.interceptors.request.use(function (Cconfig) {
     console.log(' yes request 2');
    return Cconfig;
  }, function (Cerror) {
    console.log(' no request 2');
    return Promise.reject(Cerror);
  });
axios.interceptors.response.use(function (Cresponse) {
    console.log(' yes response 1');
    return Cresponse;
  }, function (Cerror) {
    console.log(' yes response 1');
    return Promise.reject(Cerror);
  });
  axios.interceptors.response.use(function (Cresponse) {
    console.log(' yes response 2');
    return Cresponse;
  }, function (Cerror) {
    console.log(' yes response 2');
    return Promise.reject(Cerror);
  });
  </script>

设置了请求拦截器和响应拦截器各2个

设置请求报文

<script>
axios({
    url:'http://localhost:3000/posts',     
  })
  .then(function(response){
    console.log('i am yes');
    console.log(response.data);
    console.log(response.request);   
  })
  .catch(function(error){
      console.log('i am no');
      console.log(error.message);
      console.log(error.request);
  })
</script>

先设置的请求拦截器是放在后面执行的，

如果请求失败