從零開始的Vue學習日誌 — 安裝 axios

axios 是Vue官方推薦的非同步工具。與其他套件安裝類似只需在專案目錄下輸入

npm install axios vue-axios --save

這裡推薦一併安裝vue-axios ，vue-axios的功用很簡單，就是讓你能vue.$http 的方式叫用vue.axios 看起來比較直觀(因為早期vue.resource是這樣寫的)。

安裝完成後在main.js 載入

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

接著建立一個頁面來實作一下功能。建立一個template 來顯示非同步取回的匯率資訊。

axios的使用非常直覺，用get、post、 push等resful規範來表示取得動作，.then表示取得資料後的處理動作。相關配置可以參考官方網站

接著到頁面去，應該會是一片空白…..

白白一片~~~

開啟F12觀看NetWork，會發現確實是有連上 cpi.php

有連線過去，但是取得資料錯誤

這是由於瀏覽器同源政策的關係，拒絕了跨域請求，導致回傳訊息被阻擋。關於同源政策的介紹可以參考微軟的說明。

aiox跨域