axios 的响应结构

学习目标：

axios 的响应结构

---

学习内容：

**axios 的响应结构**

---

学习笔记：

axios 的响应结构

一个请求的响应包含以下信息

{
   
    data: {},     // data 由服务器提供的响应
    
  
    status: 200,      // status 来自服务器响应的 HTTP 状态码


    statusText: 'OK',         // statusText 来自服务器响应的 HTTP 状态信息

  
    headers: { },       // headers   http请求服务器响应的头

   
    config: { },       // config 是为请求提供的配置信息

    
    request: {  }          // request 是生成当前响应的请求
 // 注：
    //   在 node.js  (重定向中)是最后一个    ClientRequest 实例 
    //   在浏览器中是   XMLHttpRequest 实例
}

使用示例：

axios 实例方法的返回值都是 Promise

举例如下：

• （1）get 请求：

axios.get('http://localhost:9001/api/users', {
    params: {
        // 放在 URL 中的请求参数
        id: 1
    }
}).then((response) => {
     do......
    // 请求成功的处理
}).catch((response) => {
    do......
   // 请求失败的处理
})

• （2）post 请求：

axios.post('http://localhost:9001/api/login', {
    // 放在 body 中的请求参数
    username: 'aaa',
    password: '123456a'
}).then((response) => {
    do......
    // 请求成功的处理
}).catch((response) => {
    do......
   // 请求失败的处理
})

使用 then 时，我们可以接收下面这样的响应 :

axios.get('/sys/user/123')
    .then(function (response) {
        console.log(response.data);       //输出响应的信息
        console.log(response.status);
        console.log(response.statusText);
        console.log(response.headers);
        console.log(response.config);
    })