在vue項目中使用axios

標籤：The   接下來   iss   全域   cat   fun   api   ons   import   

安裝

cnpm i axios --save-dev

在項目main.js中全域引用

import axios from "axios"Vue.prototype.$http=axios;

接下來就可以在項目中通過this.$http使用啦，then函數表示響應成功，catch表示失敗

      this.$http({          url:"https://api.api68.com/klsf/getLotteryInfo.do?issue=&lotCode=10009",          type:"get"      })      .then((res)=>{          console.log(res);      })      .catch((err)=>{          console.log(err)      })        

如果then和catch中的回呼函數不是箭頭函數，可以通過.bind(this)解決函數內部訪問this執行個體的問題

      this.$http({          url:"https://api.api68.com/klsf/getLotteryInfo.do?issue=&lotCode=10009",          type:"get"      })      .then(function(res){          console.log(res);          console.log(this.msg);      }.bind(this))      .catch(function(err){          console.log(err)      }.bind(this))  }

 

在vue項目中使用axios