vue-axios使用详解
vue-axios
GET请求
axios.get("/user?id=1") .then(function(response){ }) .catch(function(error){ })
POST请求
axios.post('/user',{ firstName:'Fred', lastName:'Flintstone' }) .then(function(response){ console.log(response); }) .catch(function(error){ console.log(error); });
合并请求
functiongetUserAccount(){ returnaxios.get('/user/12345'); } functiongetUserPermissions(){ returnaxios.get('/user/12345/permissions'); } axios.all([getUserAccount(),getUserPermissions()]) .then(axios.spread(function(acct,perms){ //Bothrequestsarenowcomplete }));
配置
importQsfrom'qs' { //请求的接口,在请求的时候,如axios.get(url,config);这里的url会覆盖掉config中的url url:'/user', //请求方法同上 method:'get',//default //基础url前缀 baseURL:'https://some-domain.com/api/', transformRequest:[function(data){ //这里可以在发送请求之前对请求数据做处理,比如form-data格式化等,这里可以使用开头引入的Qs(这个模块在安装axios的时候就已经安装了,不需要另外安装) data=Qs.stringify({}); returndata; }], transformResponse:[function(data){ //这里提前处理返回的数据 returndata; }], //请求头信息 headers:{'X-Requested-With':'XMLHttpRequest'}, //parameter参数 params:{ ID:12345 }, //post参数,使用axios.post(url,{},config);如果没有额外的也必须要用一个空对象,否则会报错 data:{ firstName:'Fred' }, auth:{ username:'janedoe', password:'s00pers3cret' }, //设置超时时间 timeout:1000, //返回数据类型 responseType:'json',//default .....等等 }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。