axios

作者: 陈大事_code | 来源:发表于2019-06-04 17:08 被阅读0次
    1. get/post两种简单的请求。
    // 发送 POST 请求
    // post => data
    axios({
      method: 'post',
      url: '/user/12345',
      data: {
        firstName: 'Fred',
        lastName: 'Flintstone'
      }
    });
    
    // get => params
    axios({
      method:'get',
      url:'http://bit.ly/2mTM3nY',
      params:{
          id: 1
      }
    })
      .then(function(response) {});
    
    1. 创建实例
     const instance = axios.create({
      // 请求配置   
       baseURL: 'https://some-domain.com/api/',
       timeout: 1000,
       headers: {'X-Custom-Header': 'foobar'},
       params:{},
       data:{},
       responseType: 'json'
       // 更多请求配置
     });
    
    // 响应配置
    {
        data:{},
        status:200,
        headers:{},
        config:{}
    }
    

    3.拦截器(常用)

    ​ 请求拦截/响应拦截。

     // 添加请求拦截器
     axios.interceptors.request.use(function (config) {
         // 在发送请求之前做些什么
         return config;
       }, function (error) {
         // 对请求错误做些什么
         return Promise.reject(error);
       });
     
     // 添加响应拦截器
     axios.interceptors.response.use(function (response) {
         // 对响应数据做点什么
         return response;
       }, function (error) {
         // 对响应错误做点什么
         return Promise.reject(error);
       });
    

    相关文章

      网友评论

          本文标题:axios

          本文链接:https://www.haomeiwen.com/subject/bljrxctx.html