vue 學習筆記—Resource

1.首先是引入 

或者用npm來安裝  cnpm i vue-resource --save(推薦)

3.提供的api 

 

 

 

關於請求寫法:

get(){
 // get請求
 this.$http.get(      // get方法裏面('地址',{params:{},headers{});  因爲是get方法因此參數都要放到params裏面 而後整個參數被對象包括
  'package.json',
  {
   params:{
    userId:'101'
   },
   headers:{
    token:'abcd'
   }
  }
 ).then(
  res=>{
   this.msg = res.data;
  },
  error=>{
   this.msg = error;
  }
 );
},
post(){
 // post請求
 this.$http.post(   //post方法裏面 post('地址',{userId:''},{headers:{}}) post方法參數直接在一個對象裏面寫 而後請求頭也是單獨一個函數裏面寫
  'package.json',
  {
   userId:'102'
  },
  {
   headers:{
    access_token:'abscd'
   }
  }
 ).then(
  res=>{
   this.msg = res.data
  }
 )
}
//jsonp 請求 實際是<script>ajax傳輸  能解決跨域

jsonp(){
　this.$http.jsonp('http://www.imooc.com/course/AjaxCourseMembers?ids=866').then(res=>{
  　　this.msg = res.data;
 　　});
}
//在mounted裏面能夠寫全局攔截
// 全局攔截  所有的請求  
Vue.http.interceptors.push(function(res,next){
　　console.log('請求前');

　　next(respon=>{

 console.log('請求後');
 return respon;
 });
});
// methosd同級方法 http{} 能統必定義請求路徑

http:{
  root:'http://localhost:63342/vueactual/ops/156'
}

http 方式 相似jq ajax

ajax(){  this.$http({    url:'package.json',    params:{      userId:'123'    },    headers:{      token:'123',      tokens:'123'    },    timeout:50,    before:function(){      console.log('before init')    }  }).then(res=>{    this.msg  = res.data;  });}