解决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 相关文章推荐
javascript StringBuilder类实现
Dec 22 Javascript
jQuery学习3:操作元素属性和特性
Feb 07 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
超全面的javascript中变量命名规则
Feb 09 Javascript
JSONP基础知识详解
Mar 19 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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 删除数组元素
2009/01/16 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
yii2实现 "上一篇,下一篇" 功能的代码实例
2017/02/04 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
JS.findElementById()使用介绍
2013/09/21 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
python中的字典操作及字典函数
2018/01/03 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
django使用django-apscheduler 实现定时任务的例子
2019/07/20 Python
智乐游戏测试笔试题
2014/05/21 面试题
微笑服务标语
2014/06/24 职场文书
2014年教研员工作总结
2014/12/23 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
电话营销开场白
2015/05/29 职场文书
三国演义读书笔记
2015/06/25 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
python 如何获取页面所有a标签下href的值
2021/05/06 Python
MySQL 数据 data 基本操作
2022/05/04 MySQL