解决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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
使一个函数作为另外一个函数的参数来运行的javascript代码
Aug 13 Javascript
JavaScript 权威指南(第四版) 读书笔记
Aug 11 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
微信小程序实现吸顶特效
Jan 08 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 选项及相关信息函数库
2006/12/04 PHP
E路文章系统PHP
2006/12/11 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
javascript继承之为什么要继承
2012/11/10 Javascript
没有document.getElementByName方法
2013/08/19 Javascript
浅谈Node.js中的定时器
2015/06/18 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
Python实现简单的可逆加密程序实例
2015/03/05 Python
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
Python基本语法经典教程
2016/03/11 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
安卓程序员求职信
2014/02/28 职场文书
房地产项目建议书
2014/03/12 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
2015年幼儿园中班开学寄语
2015/05/27 职场文书
谢师宴学生致辞
2015/07/27 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
Python3的进程和线程你了解吗
2022/03/16 Python