vue中post请求以a=a&b=b 的格式写遇到的问题


Posted in Javascript onApril 27, 2018

vue开发过程中,总会碰到一些问题,当然任何问题都不能阻止我们前进的脚步,话不多说,下面是我在开发过程中请求参数所碰到的问题

1,在暂时没有后台数据的时候,post请求的参数大多会以   name:a,age:b   的格式去写

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })

这样写法是没有问题的,

2,若是后台已经写好,但post的请求要以   name:a&age:b   的方式去写的话,上面你的写法就会请求不到数据,这时我们就要使用一个插件来解决这个问题

2.1,安装qs

npm install --save axios vue-axios qs

2.2,在请求的页面加入

import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })

总结

以上所述是小编给大家介绍的vue中post请求以a=a&b=b 的格式写遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
原生的强大DOM选择器querySelector介绍
Dec 21 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
JavaScript使用类似break机制中断forEach循环的方法
Nov 13 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 #Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 #Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 #Javascript
Node.js文件编码格式的转换的方法
Apr 27 #Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
基于Vue实现拖拽效果
Apr 27 #Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 #Javascript
You might like
杏林同学录(四)
2006/10/09 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
jQuery动态添加删除select项(实现代码)
2013/09/03 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
如何在Vue.js中实现标签页组件详解
2019/01/02 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python 测试实现方法
2008/12/24 Python
python ip正则式
2009/05/07 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
Ubuntu18.04下python版本完美切换的解决方法
2019/06/14 Python
python批量下载抖音视频
2019/06/17 Python
Python登录系统界面实现详解
2019/06/25 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
美国高品质个性化珠宝销售网站:Jewlr
2018/05/03 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
客服文员岗位职责
2013/11/29 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python