解决Vue axios post请求,后台获取不到数据的问题方法


Posted in Javascript onAugust 11, 2018

最近做项目,需要用到vue,后台是php,第一次使用axios进行请求,本以为同ajax一样,会很简单,但是结果往往不让人满意啊,get请求很简单,这里就不说了,主要说下 post请求方式。

使用axios进行post请求,后台居然接收不到数据,这就纳闷了,于是网上一顿搜索,现在将所用的解决办法给大家说下:

1.new URLSearchParams方式

起初使用params.append("属性名":属性值)的方式,对于简单的数据传递这样是没有问题的,后台可以正常接收数据,但我发现一个问题,不知道大家有没有遇到过,当传递数据里含有数组时,你会发现传到后台的是字符串的形式 arr:a1,b1,c1 而非正常格式 arr:[a1,b1,c1]不符合我的要求,继续查找。

2.Qs.stringify方式

看到网上好多解决办法都在说qs,于是装了qs插件,使用方法也很简单。首先安装插件,然后注册组件,axios.post(url,Qs.stringify(params)),在传递参数前,用qs转换下格式就可以了,Qs是将对象 序列化成URL的形式,以&进行拼接,在后台输出下接收的数据,嘿有值了,别提有多高兴了,刚乐呵没二分钟,等会再认真看看,这才发现当数据为空时qs居然给过滤掉了,直接没传,这叫一个伤心。。。

3.改变后台接收方式

网上的帖子大部分都是在前端处理,但没什么太好的解决办法,于是把思路转到后台,改变后台的接收方式,最终使用file_get_contents('php://input')解决。

以上这篇解决Vue axios post请求,后台获取不到数据的问题方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
js打开windows上的可执行文件示例
May 27 Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
js实现购物车功能
Jun 12 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
vue如何截取字符串
May 06 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 #Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 #Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 #Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 #jQuery
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 #Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 #Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 #Javascript
You might like
业余方法DIY电子管FM收音机
2021/03/02 无线电
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
PHP实现图片简单上传
2006/10/09 PHP
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
php实现简单文件下载的方法
2015/01/30 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
koa源码中promise的解读
2018/11/13 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
node.js获取参数的常用方法(总结)
2017/05/29 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
Python configparser模块操作代码实例
2020/06/08 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
小学生开学感言
2014/02/28 职场文书
国贸专业求职信
2014/06/28 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
保送生自荐信
2015/03/06 职场文书
文艺委员竞选稿
2015/11/19 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android