axios用法浅析

axios的基本特性

1.支持浏览器和node.js
2.支持promise
3.能拦截请求和响应
4.自动转换JSON数据

get

 axios.get('http://baidu.com').then(res => {
      console.log(res);
    }).catch(err => {
      console.log(err);
    })

get传递参数

1.通过URL传递参数
2.通过params选项传递参数

   axios.get('http://baidu.com?id=123').then(res => {
      console.log(res);
    })
    axios.get('http://baidu.com/123').then(res => {
      console.log(res);
    })

    axios.get('/adata', {
      params: {
        id: 123
      }
    }).then(res => {
      console.log(res);
    })

post传递参数

通过选项传递参数，默认传递JSON格式的数据

   axios.post('/adata', {
      uname: 'tom',
      pwd: 123
    }).then(res => {
      console.log(res);
    })

通过URLParams传递参数

    const params = new URLSearchParams();
    params.append('uname', 'zs');
    params.append('pwd', '123')
    axios.post('/adata', params).then(res => {
      console.log(res);
    })

axios的响应结果

data: 实际响应回来的数据
headers:响应头信息
status:响应状态码
statusText:响应状态信息

全局配置

axios.defaults.timeout = 5000;//超时时间
axios.defaults.baseURL = 'http://baidu.com/api';//默认地址
axios.defaults.header['token'] = 'qwqewerwerwqerwqer123wer23';//设置请求头

axios拦截器

//添加拦截器
  axios.interceptors.request.use(config => {
 //在这里对返回的数据进行处理
      return config
    }, err => {
      console.log(err);//处理错误信息
    })