Axios的使用 - 爱码网

1.官网Api：https://www.kancloud.cn/yunye/axios/234845

2.说明：

（1）Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

（2）特点：

从浏览器中创建 XMLHttpRequests

从 node.js 创建 http 请求

支持 Promise API

拦截请求和响应

转换请求数据和响应数据

取消请求

自动转换 JSON 数据

客户端支持防御 XSRF

3.浏览器支持：

Axios的使用

4.安装：

（1）使用npm：npm install axios

（2）使用bower: bower install axios

5.使用：

（1）代码：

AxiosGetData(url,method,params){
        const _this = this;
        axios({
            method: method,
            url: url,
            data: JSON.stringify(params) || Qs.stringify(params),
            headers:{
                'Content-Type': 'application/json;charset=UTF-8' || 'application/x-www-form-urlencoded;charset=UTF-8'
            }
          }).then(function (response) {
                let res = response.data;
                _this.getData(res);
          })
          .catch(function (error) {
            console.log(error);
          });
    }

（2）说明：上述代码为使用axios进行异步请求的案例，其中需要特别注意的地方为data和header这两个地方。

a.Data：data的格式有JSON.stringify()和Qs.stringify()两种方式，JOSN方法是将参数转换成json字符串的格式，而Qs方法是qs.stringify()将对象序列化成URL的形式，以&进行拼接。注意在使用Qs的时候首先使用npm安装其依赖包即：npm install qs。而Qs.parse()方法是将url解析成对象的形式。

参考链接：https://blog.csdn.net/suwu150/article/details/78333452

b.headers：是即将被发送的自定义请求头，'application/json;charset=UTF-8'和'application/x-www-form-urlencoded;charset=UTF-8'