解决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 相关文章推荐
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
浅谈VUE监听窗口变化事件的问题
Feb 24 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
Vue中的循环及修改差值表达式的方法
Aug 29 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
Sep 25 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
JavaScript中的几种继承方法示例
Dec 06 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
PHP常用函数小技巧
2008/09/11 PHP
php文件上传类完整实例
2016/05/14 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
动态添加js事件实现代码
2009/03/12 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
jQuery使用andSelf()来包含之前的选择集
2014/05/19 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
2015/01/28 Javascript
jquery使用remove()方法删除指定class子元素
2015/03/26 Javascript
初学者AngularJS的环境搭建过程
2017/10/27 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
vue开发移动端底部导航条功能
2020/04/08 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
跟老齐学Python之编写类之三子类
2014/10/11 Python
使用Python编写提取日志中的中文的脚本的方法
2015/04/30 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
浅析PEP572: 海象运算符
2019/10/15 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
艺术系应届生的自我评价
2013/10/19 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
关于安全的标语
2014/06/10 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
行政撤诉申请书
2015/05/18 职场文书
2015年党小组工作总结
2015/05/26 职场文书
2015年服务员个人工作总结
2015/05/27 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
酒店温馨提示语
2015/07/14 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
Java 死锁解决方案
2022/05/11 Java/Android