Vue - axios拦截器

拦截器的作用,在请求前对发送的数据 / 逻辑做处理,或者在响应后对响应数据做处理

请求前处理

  • 配置相同的请求数据,如headers,token
  • 添加加loading效果

request拦截

axios.interceptors.request.use(function (config) {
    // 在发送请求之前处理
    // do something
    return config
  }, function (error) {
    // 错误处理
    return Promise.reject(error)
  })

respones拦截

axios.interceptors.response.use(function (response) {
    // 在发送请求之后处理
    // do something
    return response
  }, function (error) {
    // 错误处理
    return Promise.reject(error)
  });

参考博客

猜你喜欢

转载自blog.csdn.net/sinat_33184880/article/details/87992830