axios，Ajax,jQuery ajax,axios和fetch的区别

提纲：

1.Axios的概念
2.安装
3.Axios简单示例
4.Axios的API
5.Axios的请求配置和响应数据格式
6.Axios的拦截器
7.Ajax,jQuery ajax,axios和fetch的区别

内容：

1.Axios的概念
axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
特点：
从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换 JSON 数据
客户端支持防御 XSRF

2.安装
安装nodejs（自带npm）

安装cnpm（可选）
npm install -g cnpm --registry=https://registry.npm.taobao.org
初始化项目：
npm init -y
Npm的方式安装axios
npm i axios -D
3. Axios简单示例
1）、get请求

let vueobj = this;
axios.get(‘api/goodslists’, {
params: { “goodsid”:“01003” }
} )
.then(function (response) {
console.log(response.data);
vueobj.goodslist = response.data; //把获取到的数据赋给goodslist
})
.catch(function (error) {
console.log(error);
});

2）、执行多个并发请求

getall:function(){
function getbooks(){ return axios.get(‘api/books’); }
function getreaders(){ return axios.get(‘api/readers’); }
axios.all([getbooks(), getreaders()]).then(
axios.spread(function (books, readers) {
//两个请求都完成后，调用该函数，第一个参数是第一个请求的结果，第二个参数是第二个请求的结果
console.log(books.data);
console.log(readers.data);
})
);
}

4.Axios的API
Axios函数
Axios请求的别名
Axios处理并发
创建一个实例，实例方法
1）、axios函数：

axios(config)。在config对象参数里，除了url外，其它的都可选的属性。
axios 能够在进行请求时的一些设置。如：
发起 get请求 let vueobj = this;
axios({
method:‘get’,
url:‘api/goodslists’,
params :{ “goodsid”:“01003” }
})
.then(function (response) {
vueobj.goodslist = response.data;
})
.catch(function (error) {
console.log(error);

});

2）、axios请求的别名：