如何使用axios獲取資料
axios 簡介
axios 是一個基於Promise 用於瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特徵:
· 1. 從瀏覽器中建立 XMLHttpRequest
· 2. 從 node.js 發出 http 請求
· 3. 支援 Promise API
· 4. 攔截請求和響應
· 5. 轉換請求和響應資料
· 6. 取消請求
· 7. 自動轉換JSON資料
引入方式:
$ npm install axios//使用淘寶源
$ cnpm install axios
//或者使用cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
安裝其他外掛的時候,可以直接在 main.js 中引入並使用 Vue.use()來註冊,但是 axios並不是vue外掛,所以不能 使用Vue.use(),所以只能在每個需要傳送請求的元件中即時引入。
為了解決這個問題,我們在引入 axios 之後,通過修改原型鏈,來更方便的使用。
需要在main.js檔案裡設定,如下:
//main.js
import axios from 'axios'
Vue.prototype.$http = axios
在 main.js 中添加了這兩行程式碼之後,就能直接在元件的 methods 中使用 $http命令