学习目标：

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);})

axios 的响应结构相关推荐

Marketing Cloud里Odata请求响应结构的解析
代码应该怎么写呢? 从调试器里看到响应结构是一个巨大的json对象,顶层属性名为d: 然后是results属性,这是一个数组. 所以最后的代码为: function displayResult(oRe ...
Vue中使用axios的响应拦截器处理请求失败的情况（处理token过期问题）以及登录成功跳转回原来页面问题
参考axios官方文档 // 响应拦截器 // Add a response interceptor request.interceptors.response.use(// 在2xx范围内的任何状态 ...
axios的响应拦截器
一.拦截器介绍: 一般在使用axios时,会用到拦截器的功能,一般分为两种:请求拦截器.响应拦截器请求拦截器: 在请求发送前进行必要操作处理,例如添加统一cookie.请求体加验证.设置请求头等,相 ...
axios的响应拦截器 - 错误统一处理 / 获取数据繁琐
1. 问题登录时,填写错误的用户名密码,没有错误提示(没有进入catch分支) 获取ajax的返回结果比较麻烦:res.data.data.xxxx 2.解决登录失败不报错的问题 2.1 分析原因 ...
前端学习（1268）:axios的响应结果
Vue配置axios响应拦截器
一个项目会发送很多请求到后端,每个请求都有如下的响应不想每个请求都去判断里面的status,那么可以使用axios的响应拦截器,对服务端返回的一些相同点做统一的处理比如说如果有报错,就统一弹出这么 ...
axios nodejs 上传图片_Vue Axios跨域、文件上传
本文以vue-cli中使用axios为例安装 npm install --save axios 引用(注册到VUE实例中) import Vue from 'vue' import Axios fr ...
axios，vue-axios在项目中的应用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中关于axios的功能: 1,从浏览器中创建XMLHttpRequests 2,从node.js常见Htt ...
axios 中文文档、使用说明
以下内容全文转自 Axios 文档:https://www.kancloud.cn/yunye/axios/234845 ##Axios Axios 是一个基于 promise 的 HTTP 库,可以 ...

axios 的响应结构

学习目标：

学习内容：

学习笔记：

axios 的响应结构相关推荐

最新文章

热门文章