axios的请求拦截和响应拦截

添加请求拦截器

axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

简单说就是在发起的所有请求在请求头中添加信息

• 比方(打个比方)

当后端接口需要在请求当中携带token 的时候，我们每次发起请求都要写一遍请求头 headers 这里就可以通过请求拦截器设置信息，这个axios就是经过处理的axios

添加响应拦截器

axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

简单说就是当axios响应给你的数据

• 比方(打个比方)

通过axios发送请求都会有以下信息,可能我们就不会需要查看这么多的状态可以直接返回config.data

 {
  // `data` 由服务器提供的响应
  data: {},

  // `status` 来自服务器响应的 HTTP 状态码
  status: 200,

  // `statusText` 来自服务器响应的 HTTP 状态信息
  statusText: 'OK',

  // `headers` 服务器响应的头
  headers: {},

  // `config` 是为请求提供的配置信息
  config: {}
}

来源：CSDN

作者：Yifanbaobao103

链接：https://blog.csdn.net/Yifanbaobao103/article/details/104740262