拦截器-interceptors

介绍

目标：

知道什么是拦截器

什么是：

拦截器是axios向服务器端发送请求和响应回来所经历的两道关口

axios本身有两种拦截器：请求拦截、响应拦截

• 请求拦截器：

  axios每次开始请求的时候先执行此处逻辑，在这个地方可以给axios做出发前的配置，也可以做出发前的检查工作，检查ok的情况下就开始向服务器端发请求

• 响应拦截器：

  axios完成与服务器端交互回到客户端后就执行此处逻辑，在这个地方可以做一些后续收尾事宜，例如判断axios请求是否成功，或相关数据过滤操作

拦截器关键字：interceptors

请求拦截器代码：

// 请求拦截器
axios.interceptors.request.use(function (config) {
  // 放置业务逻辑代码
  return config;
}, function (error) {
  // axios发生错误的处理
  return Promise.reject(error);
})

;

响应拦截器代码：

// 响应拦截器
axios.interceptors.response.use(function (response) {
  // 放置业务逻辑代码
  // response是服务器端返回来的数据信息，与Promise获得数据一致
  return response;
}, function (error) {
  // axios请求服务器端发生错误的处理
  return Promise.reject(error);
});

把以上拦截器代码设置好，那么axios"所有"的请求就都会执行了