axios的拦截器(Interceptors)

时间:2023-03-10 02:51:09
axios的拦截器(Interceptors)

  axios 的拦截器:interceptors

  如果我们想在请求之前做点什么,用拦截器再好不过了

  拦截器一般做什么?

    1. 修改请求头的一些配置项

    2. 给请求的过程添加一些请求的图标

    3. 给请求添加参数

  1. 全局的拦截器配置

  axios的拦截器(Interceptors)

  代码: 

  axios.interceptors.request.use(config=>{
    console.log(1234);
    return config
  },err=>{
    console.log(err)
  })
  axios({
    url:"./json/01.json",
    method:"get"
  }).then(res=>{
    console.log(res);
  })

  2. 局部的拦截器

  axios的拦截器(Interceptors)

  代码:  

  let instance = axios.create({
    baseURL:"./json/",
    timeOut:5000
  });
  instance.interceptors.request.use(config=>{
    console.log(1234);
    return config
  },err=>{
    console.log(err)
  })
  instance({
    url:"/01.json",
    method:"get"
  }).then(res=>{
    console.log(res)
  })