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
.....等等
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。