Axios作弊表

野性酷女 2023-06-17 15:52 13阅读 0赞

原文链接：https://juejin.im/post/5a9cddb46fb9a028bc2d3c2f

### GET 请求 ###

// Make a request for a user with a given ID
    axios.get('/user?ID=12345')
      .then(function (response) { 
        console.log(response);
      })
      .catch(function (error) { 
        console.log(error);
      });
    
    // Optionally the request above could also be done as
    axios.get('/user', { 
        params: { 
          ID: 12345
        }
      })
      .then(function (response) { 
        console.log(response);
      })
      .catch(function (error) { 
        console.log(error);
      });
      
    axios({ 
      method: 'get',
      url: 'http://bit.ly/2mTM3nY',
      responseType: 'stream'
    })
      .then(function(response) { 
      response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
    });

### POST 请求 ###

axios.post('/user', { 
        firstName: 'Fred',
        lastName: 'Flintstone'
      })
      .then(function (response) { 
        console.log(response);
      })
      .catch(function (error) { 
        console.log(error);
      });
      
    // Send a POST request
    axios({ 
      method: 'post',
      url: '/user/12345',
      data: { 
        firstName: 'Fred',
        lastName: 'Flintstone'
      }
    });

### 并行请求 ###

### 创建实例 ###

var instance = axios.create({ 
      baseURL: 'https://some-domain.com/api/',
      timeout: 1000,
      headers: { 'X-Custom-Header': 'foobar'}
    });

### Response ###

axios.get('/user/12345')
      .then(function(response) { 
        console.log(response.data);
        console.log(response.status);
        console.log(response.statusText);
        console.log(response.headers);
        console.log(response.config);
      });

### Config ###

// Global axios defaults
    
    axios.defaults.baseURL = 'https://api.example.com';
    axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    
    // Custom instance defaults
    
    // Set config defaults when creating the instance
    var instance = axios.create({ 
      baseURL: 'https://api.example.com'
    });
    
    // Alter defaults after instance has been created
    instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;
    
    // Config order of precedence
    
    // Create an instance using the config defaults provided by the library
    // At this point the timeout config value is `0` as is the default for the library
    var instance = axios.create();
    
    // Override timeout default for the library
    // Now all requests will wait 2.5 seconds before timing out
    instance.defaults.timeout = 2500;
    
    // Override timeout for this request as it's known to take a long time
    instance.get('/longRequest', { 
      timeout: 5000
    });

### 拦截器 ###

// Intercept request/responses
    
    // Add a request interceptor
    axios.interceptors.request.use(function (config) { 
        // Do something before request is sent
        return config;
      }, function (error) { 
        // Do something with request error
        return Promise.reject(error);
      });
    
    // Add a response interceptor
    axios.interceptors.response.use(function (response) { 
        // Do something with response data
        return response;
      }, function (error) { 
        // Do something with response error
        return Promise.reject(error);
      });
      
    // Remove interceptor
    
    var myInterceptor = axios.interceptors.request.use(function () { /*...*/});
    axios.interceptors.request.eject(myInterceptor);
    
    // Custom instance interceptors
    
    var instance = axios.create();
    instance.interceptors.request.use(function () { /*...*/});

### 错误处理 ###

// Catch error
    
    axios.get('/user/12345')
      .catch(function (error) { 
        if (error.response) { 
          // The request was made and the server responded with a status code
          // that falls out of the range of 2xx
          console.log(error.response.data);
          console.log(error.response.status);
          console.log(error.response.headers);
        } else if (error.request) { 
          // The request was made but no response was received
          // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
          // http.ClientRequest in node.js
          console.log(error.request);
        } else { 
          // Something happened in setting up the request that triggered an Error
          console.log('Error', error.message);
        }
        console.log(error.config);
      });
    
    // Custom HTTP status code error
    
    axios.get('/user/12345', { 
      validateStatus: function (status) { 
        return status < 500; // Reject only if the status code is greater than or equal to 500
      }
    })

### 取消请求 ###

// Cancel request with cancel token
    
    var CancelToken = axios.CancelToken;
    var source = CancelToken.source();
    
    axios.get('/user/12345', { 
      cancelToken: source.token
    }).catch(function(thrown) { 
      if (axios.isCancel(thrown)) { 
        console.log('Request canceled', thrown.message);
      } else { 
        // handle error
      }
    });
    
    axios.post('/user/12345', { 
      name: 'new name'
    }, { 
      cancelToken: source.token
    })
    
    // cancel the request (the message parameter is optional)
    source.cancel('Operation canceled by the user.');
    
    // Create cancel token
    
    var CancelToken = axios.CancelToken;
    var cancel;
    
    axios.get('/user/12345', { 
      cancelToken: new CancelToken(function executor(c) { 
        // An executor function receives a cancel function as a parameter
        cancel = c;
      })
    });
    
    // cancel the request
    cancel();