解决Vue axios post请求,后台获取不到数据的问题方法
2018-08-11 14:45
941 查看
最近做项目,需要用到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请求,后台获取不到数据的问题方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- angular的$http.post()提交数据到Java后台接收不到参数值问题的解决方法
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 解决Vue axios post请求,后台获取不到数据问题
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- AngularJs $http.post 数据后台获取不到数据问题 的解决过程
- 解决使用FusionCharts以后从后台获取数据中文乱码的问题
- KindEditor提交用jquery获取不到数据的解决方法
- oprofile抓不到采样数据问题和解决方法
- asp.Net2.0中TextBox设置只读后后台获取不到值的解决方法
- 类型:Ajax;问题:ajax调用ashx参数获取不到;结果:ashx文件获取$.ajax()方法发送的数据
- oprofile抓不到采样数据问题和解决方法
- .net 2.0 中对于非服务器端的input元素 type为file后台无法获取的问题的解决方法
- Android Fragment中onActivityResult()方法获取不到返回数据或者无响应的解决办法
- KindEditor提交用jquery获取不到数据的解决方法
- 解决.Net设置只读、隐藏后后台获取不到值的问题
- AjaxPro2Js调用后台方法AjaxMethod时获取不到Session里的值的问题
- struts2 数据传输问题---“POST方式提交数据量过大,在后台接收不到数据”问题的解决
- asp.net asp:TextBox控件绑定值后,获取不到新值问题解决方法