一.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

3.axios.vue