axios總結

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