资讯专栏INFORMATION COLUMN

解决Vue axios post请求,后台获取不到数据问题

endiat / 805人阅读

摘要:最近做项目,需要用到后台是第一次使用进行请求,本以为同一样,会很简单,但是结果往往不让人满意啊,请求很简单,这里就不说了,主要说下请求方式。以上只是个人的实践经过,有其他解决办法的,欢迎留言。

最近做项目,需要用到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

相关文章

  • axiospost请求后台(ThinkPHP5)接收不到数据

    摘要:最近做项目,做分页的功能,使用给后台发送数据,使用接口还是工具都可获取数据,唯独获取不到经过排除,发现这与的传参格式有关系在使用时,要注意到配置选项中包含和两者,以为他们是相同的,实则不然。因为是添加到的请求字符串中的,用于请求。 最近做vue项目,做分页的功能,使用post给后台发送数据,使用接口还是工具(postman)都可获取数据,唯独axios获取不到;经过排除,发现这与axi...

    nemo 评论0 收藏0
  • Vue学习笔记

    摘要:如果全部钩子执行完了,则导航的状态就是确认的。中断当前的导航。如果浏览器的改变了可能是用户手动或者浏览器后退按钮,那么地址会重置到或者跳转到一个不同的地址。 githubhttps://github.com/cd-dongzi/vue-example 1. 解决css背景图片打包路径错误的问题 在utils.js 文件中 找到 generateLoaders 方法 把以下代码进行更...

    gecko23 评论0 收藏0
  • vueaxios组件如何与PHP后端交换数据

    摘要:本文的目的在于探讨前后端数据交互,并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案,可根据实际情况选择 一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件,在vue的作者推荐下,相当数量的vue前端开发人员开始使用它。但是在实际开发过程中,却时有出现后端接收不到前端post过来的数据的情况...

    韩冰 评论0 收藏0
  • vueaxios组件如何与PHP后端交换数据

    摘要:本文的目的在于探讨前后端数据交互,并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案,可根据实际情况选择 一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件,在vue的作者推荐下,相当数量的vue前端开发人员开始使用它。但是在实际开发过程中,却时有出现后端接收不到前端post过来的数据的情况...

    CloudwiseAPM 评论0 收藏0
  • axios发送post请求,request.getParamter接收不到

    摘要:场景如下前端使用向后台发了一个为的请求,后台接口如下发现接收不到的信息。改为也一样接收不到。表单请求提交时,使用的是,而使用原生的请求如果不指定请求头,默认使用的是。 场景如下:前端vue使用axios向后台发了一个Content-type为application/json的post请求,后台springmvc接口如下: @RequestMapping(xxx) public Resu...

    Awbeci 评论0 收藏0

发表评论

0条评论

endiat

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<