axios 编码请求 axios请求怎么写

转载

autohost 2023-07-04 13:47:25

文章标签 axios 编码请求 http post 前端 ios 文章分类 iOS 移动开发

最近项目中用到axios比较多，所以就把axios完整的接口请求格式整理出来，方便以后自己复习或他人使用，如果觉得对您有用请点个赞（skr）

axios GET请求
axios POST请求
两者之间的区别

1.axios GET 请求

1.正常写法
 var _this=this,data={name:"111",password:"123"};
  _this.$axios({
  url:_this.httpAPI+'abc/getabc',
  method:"get",
  params:data //在这里写你的请求参数   
  }).then(function (response) {//then函数接口请求成功时调用
   	var data=response.data;
   	if(data.ret==0){ var list=data.data}
   	else{_this.$message.error(data.msg)}
  })
  .catch(function (error) {//网上很多例子都是输出error,根本就不能拦截到接口返回的错误信息
   	 var data=error.response.data;
  	 _this.$message.error(data.msg);
  })
  
2.简写(接口内直接带参数)
_this.$axios.get(_this.httpAPI+'abc/getabc',{name:"111",password:"123"})
.then(function(response){}).catch(function(error){})

3.简写(接口外参数封装)
var data={name:"111",password:"123"}
_this.$axios.get(_this.httpAPI+'abc/getabc',{params:data})
.then(function(response){}).catch(function(error){})

2.axios POST请求

1.正常写法
var _this=this,data={};
_this.$axios({
 url:_this.httpAPI + 'abc/getabc',
 method:"post",
 headers:{"Authorization": _this.token},//当需要在请求头中加入token时带上此参数
 params:data
})
.then(function (response) {
	var data = response.data;
    if (data.ret == 0) {var listing=data.data;} 
    else {_this.$message.error(data.msg)}
})
.catch(function (error) {//网上很多例子都是直接输出error，根本无法拦截接口返回的错误信息，试试我的方法
  var data=error.response.data;
  _this.$message.error(data.msg);
})

2.简写(接口内直接带参数)
_this.$axios.post(_this.httpAPI + 'abc/getabc',{name:"111",password:"123"},{headers:{"Authorization": _this.token}
}).then(function(response){}).catch(function(error){})

3.简写(接口外封装参数)
var data={name:"111",password:"123"}
_this.$axios.post(_this.httpAPI + 'abc/getabc',data:data,
{headers:{"Authorization": _this.token}
}).then(function(response){}).catch(function(error){})