axios基本使用

使用axios post数据时,

需设置header选项的不同情况:

因为axios默认的提交json格式,但后台是表单接收,所以需要设置header

headers:{//上传文件时,文件是通过表单data提交 
'Content-type': 'multipart/form-data' 
}

 headers:{//普通发送数据时
 'Content-type': 'application/x-www-form-urlencoded'
 }

需修改data选项:

使用qs模块转换数据为字符串连接格式,例如:

data: this.$qs.stringify(senddata)//向后台传输数据时,因后台默认接收表单数据

 

一份完整的使用post发送数据的示例:

this.$axios({ 
method: 'post', 
url: this.$conf.url+'/kuayu',
 data: this.$qs.stringify(senddata),//把json格式的数据stringify
 headers:{//修改header头 
'Content-type': 'application/x-www-form-urlencoded'
 }
 })
.then(function (response)
 { 
console.log(response);
 }) 
.catch(function (error) { 
console.log(error); 
});

 

封装一个axios的对象,方便以后调用

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值