如何让axios发送表单请求形式的键值-创新互联

这篇文章主要介绍了如何让axios发送表单请求形式的键值,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联公司主要从事成都网站建设、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务木兰,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

代码

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发送表单请求形式的键值”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:如何让axios发送表单请求形式的键值-创新互联
分享URL:http://bzwzjz.com/article/codcej.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站设计公司 成都网站设计 成都网站建设公司 成都响应式网站建设 网站建设开发 成都网站建设 做网站设计 成都网站建设 成都网站建设 梓潼网站设计 重庆网站制作 四川成都网站建设 成都网站制作 网站建设方案 成都网站设计制作公司 成都网站建设 网站制作 成都网站制作公司 成都网站建设 定制网站制作 企业网站设计