当前位置： 移动技术网 > IT编程>脚本编程>vue.js > 让axios发送表单请求形式的键值对post数据的实例

让axios发送表单请求形式的键值对post数据的实例

2018年08月18日  | 移动技术网IT编程  | 我要评论

年轻的母亲4 韩国电影,徐妍姬,河北省地图全图

想要发送键值对，其实是需要做响应处理的，直接上代码

npm install --save axios vue-axios qs

qs是必不可少的插件，安装完成后，在main.js插入一下代码

//载入axios
import qs from 'qs'
import axios from 'axios'
import vueaxios from 'vue-axios'
var axios_instance = axios.create({
 baseurl:'http://localhost',
 transformrequest: [function (data) {
  data = qs.stringify(data);
  return data;
 }],
 headers:{'content-type':'application/x-www-form-urlencoded'}
})
vue.use(vueaxios, axios_instance)

这样就大功告成了，在vue模块中可以这样使用

this.$http.post('url', {
  id:1
}).then(response => {
  console.log(response)
}).catch( error => {  
  console.log(error);
});

可以看到，在好用参数的时候也不需要增加params这个key了。直接传递参数对象即可，很方便！

以上这篇让axios发送表单请求形式的键值对post数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网