Axios---基本介绍、常用方法、请求配置、响应结构

Axios基本介绍

axios是基于Http的客户端，可以在浏览器和nodejs两个环境中运行。axios是前端最流行的ajax请求库。

Axios特点

（1）axios 是一个基于promise的HTTP库，支持promise所有的API

（2）浏览器端/node端（服务器端）都可以使用，浏览器中创建XMLHttpRequests

（3）支持请求／响应拦截器

（4）它可以转换请求数据和响应数据，并对响应回来的内容自动转换成 JSON类型的数据

（5）批量发送多个请求

（6）安全性更高，客户端支持防御XSRF

安装

npm install axios

案例

axios.get('/user', {
   
    params: {
   
      ID: 12345
    }
  })
  .then(function (response) {
   
    console.log(response);
  })
  .catch(function (error) {
   
    console.log(error);
  });

axios 与Axios

axios是由Axios.prototype.request() 通过bind创建而来的

axios作为对象有Axios的原型对象上的所有方法，有Axios对象上所有属性

常用方法：（增删改查）

（1）axios.get(url[, config]) get请求用于列表和信息查询

（2）axios.post(url[, data[,config]])post请求用于信息的添加

（3）axios.delete(url[, config]) 删除

（4）axios.put(url[, data[, config]]) 更新操作

其他语法

axios.all(promises):用于批量执行多个ajax异步请求

axios.create([config]):创建一个新的 axios(它没有下面的功能)

axios.Cancel(): 用于创建取消请求的错误对象

axios.CancelToken():用于创建取消请求的 token 对象

const CancelToken = axios.CancelToken;
let cancel;

axios.get('/user', {
   
  cancelToken: new CancelToken(function executor(c) {
   
    // executor 函数接收一个 cancel 函数作为参数
    cancel = c;
  })
});

cancel();

CancelToken有一个source静态方法，调用之后返回一个对象，该对象包含一个token属性，用于标记请求和一个cancel方法，用于取消请求。

axios.defaults.xxx: 请求的默认全局配置

axios在浏览器端使用XMLHttpRequest对象发送ajax请求；在node环境使用http对象发送ajax请求。

---

请求配置

这些是创建请求时可以用的配置选项。只有 url 是必需的。如果没有指定 method，请求将默认使用 get 方法。

{
   
   // `url` 是用于请求的服务器 URL