vue.js中axios的使用
一、axios的簡介:
axios 是一個基於Promise 用於瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征:
- 從瀏覽器中創建 XMLHttpRequest
- 從 node.js 發出 http 請求
- 支持 Promise API
- 攔截請求和響應
- 轉換請求和響應數據
- 取消請求
- 自動轉換JSON數據
- 客戶端支持防止 CSRF/XSRF
二、axios的使用:
- 安裝axios:
cnpm install axios
- 在main.js文件引入axios:
import Axios from 'axios'
- 將axios全局掛載到VUE原型上:
Vue.prototype.$http=Axios
- get方法發送請求
- 注意請求成功后的處理使用了箭頭函數,因此在該函數內的this指向的是vue實例,若使用普通函數則需要另外處理this。