安裝 

npm install axios --save-dev

•  axios 不能直接在 main.js 中引入並 Vue.use()，只能每個需要傳送請求的元件中即時引入。
• 兩種解決思路：一 修改原型鏈，二 axios+vuex 進行封裝

一.  main.js 中引入 axios 並且修改原型鏈：

import axios from 'axios'
​
Vue.prototype.$axios= axios

修改完成，axios的使用詳情請參考Axios 中文說明

二.  axios+vuex 進行封裝：

1. vuex：一個專為 Vue.js 應用程式開發的狀態管理模式。也可以理解為一種開發模式或框架。
2. 使用：在main.js引入store，注入。新建一個目錄store，….. export 。
3. 場景：單頁應用中，元件之間的狀態。音樂播放、登入狀態、加入購物車。
4. 屬性：五種，分別是 State、 Getter、Mutation 、Action、 Module。

懶得寫了，算了吧，，，，

vue cli腳手架介面跨域問題，開啟config/index.js 進行如下配置

//配置axios跨域
    proxyTable: {
    	'/api': {
        target: 'http://resource.onetuu.com/',//設定你呼叫的介面域名和埠號
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }  
    },
 

在相關元件中呼叫

this.$axios({
        method: 'get',
        url: '/api/userInfo',   
         //這裡的api為http://http://121.41.130.58:9090/ 指向http://localhost:8081
         //在本地除錯時沒有問題 但打包釋出時，刪除/api/
   	}).then((response) => {
          // this.answer = response.data.data;  
           console.log(response.data)
    }).catch(function(err){
         
    })
 

提出一個小問題，在使用axios得到請求結果後，在then的處理函式中，你需要使用箭頭函式才能正確使用this。

原本寫法，這種情況下，輸出this得到的’undefined’

axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

修改，利用箭頭函式的作用域，由上下文確定（也就是由外層呼叫者vue來確定）。this將指向Vue物件

axios.get('/user?ID=12345')
  .then((response)=>{
    console.log(response)
  })
  .catch(function (error) {
    console.log(error);
  });