摘要:最近做项目,需要用到后台是第一次使用进行请求,本以为同一样,会很简单,但是结果往往不让人满意啊,请求很简单,这里就不说了,主要说下请求方式。以上只是个人的实践经过,有其他解决办法的,欢迎留言。
最近做项目,需要用到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")来接收前端传来的参数,前端正常格式传输。
axios.post(url, params,{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"})
以上只是个人的实践经过,有其他解决办法的,欢迎留言。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/28402.html
摘要:最近做项目,做分页的功能,使用给后台发送数据,使用接口还是工具都可获取数据,唯独获取不到经过排除,发现这与的传参格式有关系在使用时,要注意到配置选项中包含和两者,以为他们是相同的,实则不然。因为是添加到的请求字符串中的,用于请求。 最近做vue项目,做分页的功能,使用post给后台发送数据,使用接口还是工具(postman)都可获取数据,唯独axios获取不到;经过排除,发现这与axi...
摘要:本文的目的在于探讨前后端数据交互,并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案,可根据实际情况选择 一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件,在vue的作者推荐下,相当数量的vue前端开发人员开始使用它。但是在实际开发过程中,却时有出现后端接收不到前端post过来的数据的情况...
摘要:本文的目的在于探讨前后端数据交互,并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案,可根据实际情况选择 一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件,在vue的作者推荐下,相当数量的vue前端开发人员开始使用它。但是在实际开发过程中,却时有出现后端接收不到前端post过来的数据的情况...
摘要:场景如下前端使用向后台发了一个为的请求,后台接口如下发现接收不到的信息。改为也一样接收不到。表单请求提交时,使用的是,而使用原生的请求如果不指定请求头,默认使用的是。 场景如下:前端vue使用axios向后台发了一个Content-type为application/json的post请求,后台springmvc接口如下: @RequestMapping(xxx) public Resu...
阅读 2754·2019-08-30 15:53
阅读 521·2019-08-29 17:22
阅读 1038·2019-08-29 13:10
阅读 2307·2019-08-26 13:45
阅读 2751·2019-08-26 10:46
阅读 3201·2019-08-26 10:45
阅读 2503·2019-08-26 10:14
阅读 466·2019-08-23 18:23