vue 学习笔记—axios(替代vue-resource)

一.使用

1. 引入CDN的方式   https://unpkg.com/axios@0.16.2/dist/axios.min.js  或者 npm方式 npm install axios --save

2.API

二：详情

 mounted(){
//每次请求之前拦截
// axios拦截
   axios.interceptors.request.use(function(config){
     console.log('request before');
     return config;
   });
   axios.interceptors.response.use(function(response){
     console.log('respons after')
     return response;
   });
},

// get请求
axios.get('package.json',{params:{uesrId:'999'},headers:{token:'jack'}}).then(res=>{   //请求配置项  get('地址',{ params:{},headers:{} })

);{ 
　　this.msg = res.data;
}).catch(error=>{
   console.log(error);
   this.msg =error;
});

//post请求
axios.post('package.json',{userId:123},{headers:{token:'opss'}}).then(res=>{        //请求配置项  post('地址', { userId:123 } , { headers:{} } )

　　this.msg = res.data;
}).catch(error=>{
   this.msg = error;
});

axios({
  url:'package.json',
  method:'post',   // post 传data参数 get传 params参数  类似jQ ajax
  data:{
    userId:'101'
  },
  params:{
    userId:'102'
  },
  headers:{
    token:'http-test'
  }

}).then(res=>{
  this.msg =res.data;
}).catch(error=>{
  console.log(error)
});