一.axios
1. 什么是 axios
axios 是一个基于 Promise 用于浏览器和 nodejs 的 HTTP 客户端。简略的了解就是 ajax 的封装
它自身具备以下特色:
1. 从浏览器中创立 XMLHttpRequest
2. 从 node.js 收回 http 申请
3. 反对 Promise API
4. 拦挡申请和响应
5. 转换申请和响应数据
6. 勾销申请
7. 主动转换 JSON 数据
8. 客户端反对避免 CSRF/XSRF
2. 装置
nodeJs + webpack+vue+ element ui 环境装置
二.axios API
(1). 向 axios 传递相干配置来创立申请
(2).axios 提供了一下几种申请形式
(3). 申请配置
(4). 响应构造
(5). 配置的默认值 /defaults
(6). 拦截器
(7). 错误处理
三. 留神细节
1. 援用 axios 时
Vue.prototype.axios = axios Vue.prototype.$axios = axios Vue.prototype.$http = axios 其实是都一个货色,只是 vue 的原型链上加个变量(且变量不同),值是 axios 对象。只是 一个是 jquery 封装过的异步调用办法 一个是 vue 举荐的第三方异步封装办法 他们都是调用的 axios 对象
只是调用的时候 axios.post({..}) this.$axios.post({...}) this.$http.post({....})
四. 案例
1. 本地 data.json(f 放在 src 同级)
2. 批改 webpack-dev-conf.js