axios攔截器的使用


axios提供了攔截器,用於在發送每次請求或者得到響應后,進行對應的處理。


如何使用攔截器?

export function request(config,success,failure) {
  //1、創建axios的實例
  const instance = axios.create({
    baseURL: 'http://123.207.32.32:8000',
    timeout: 5000
  })

  //2.axios的攔截器
  //2.1 請求攔截
  axios.interceptors.request.use(config =>{
    console.log(config);
    //做一些操作
    //1、比如config的信息不符合服務器的要求,要對config做一些處理

    //2、比如每次發送網絡請求時,都希望在界面中顯示一個請求的圖標

    //3、某些網絡請求必須攜帶一些特殊的信息

    return config;
  },err => {
    console.log(err);
  })

  //2.2 響應攔截
  axios.interceptors.response.use(res => {
    console.log(res);
    return res.data; //需要將結果返回
  },error => {
    console.log(error);
  })
  return instance(config);
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM