安装

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))
  }

 

posted on 2018-05-22 16:56  郭敏  阅读(383)  评论(0编辑  收藏  举报