学习axios

• 1.ajax，jqueryAjax，fetch，axios的比较

  几种方式的对比
  ajax：
  【优点：局部更新；原生支持】
  【缺点：可能破坏浏览器后退功能；嵌套回调】
  jqueryAjax：
  【在原生的ajax的基础上进行了封装；支持jsonp】
  fetch：
  【优点：解决回调地狱】
  【缺点：API 偏底层，需要封装;默认不带Cookie，需要手动添加; 浏览器支持情况不是很友好，需要第三方的ployfill】
  axios：
  【几乎完美】

• axios的特点
  支持浏览器和node.js
  支持promise
  能拦截请求和响应
  能转换请求和响应数据
  能取消请求
  自动转换JSON数据
  浏览器端支持防止CSRF(跨站请求伪造)

搬运自简书 链接：https://www.jianshu.com/p/d771bbc61dab

2.axios的基本语法

axios（{
　　method：""  ，//请求方式
      url:"" ,        //请求接口
     params:"" ,   //请求参数与url一起发送的
    data:"" ,       //post请求时的参数 放到请求体中发送的
}）

axios更多配置请参考：https://zhuanlan.zhihu.com/p/88497407

3.注意：axios返回值时promise类型的，axios会自动给返回值再嵌套一层，真实数据在返回值.data中

4.axios.get()携带参数时，参数位置

axios.get("url",{params:{}}

5.axios.post()携带参数时，参数位置

axios.post("url",{})

 6.axios的API方法的使用

通过调用axios的API，传递一个配置对象来发起请求

发送post请求，参数写在data属性中

axios({
  url: '接口地址',
  method: 'post',
  data: {
    name: ''
  }
}).then(res => {
  console.log('请求结果：', res);
});

发送get请求，默认就是get请求，直接第一个参数写路径，第二个参数写配置对象，参数通过params属性设置。

axios('接口地址', {
  params: {
  
  }
}).then(res => {
  console.log('请求结果：', res);
});