Vue中使用axios(POST请求)调用后端接口时,后端接口接收不到前端参数的问题
2019-02-25 10:27
986 查看
最近在学习Vue,期间遇到个问题就是前端页面使用axios调用接口将页面数据存储到数据库中时,使用POST请求时后端Debug不出前端的参数,导致前端触发调用后端接口时后端会一直报错,之前前端这样写的:
(接口调用方法单独提出来写在marketmanager的insertMarketManagerFill方法中,这边import引入后直接用就行了)
但是问题来了,data中的各参数前端或者浏览器console时都没问题,但是后端就是接收不到,检查了后端单独运行数据写死时数据库中数据更新成功了,那就是前端,网上看了一圈最后终于找到个靠谱的(地址底部会贴出)因为前端需要传递的参数是key,value键值对形式,而axios方式调用接口会将数据以json字符串格式传递过去,所以修改了上图中的data参数,改为下图:
这样后端就能接收到前端参数了,使用var data = new FormData()将前端表单数据序列化,使用append()添加数据,再将key,value形式的数据传递给后端接口即可~
后端代码也贴一下吧很简单的接口:
其他参考地址:https://blog.csdn.net/xyz_dream/article/details/80246880
FormData()用法解析博客:https://segmentfault.com/a/1190000006716454
相关文章推荐
- axios 发 post 请求,后端接收不到参数的详细解决方案
- vue2.0 axios发送post请求,后端参数获取不到的解决方式
- Vue 使用axios 发送post请求,参数格式有错误问题
- java使用axios.js的post请求后台时无法接收到参数的问题
- axios发送post请求后端接收不到的问题
- curl post参数,接口接收不到数据问题
- 解决SpringMVC接收不到axios发送post请求的数据问题
- SpringMVC 后台接口,使用axios 传递参数接收不到
- 前端POST请求过长——后端接收参数失败
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- axios发送post请求,springMVC接收不到数据问题
- axios发送post请求springMVC接收不到参数
- 解决java使用axios.js的post请求后台时无法接收到入参的问题
- vue使用axios调用后台接口问题
- ajax的post请求后台request.getParameter()接收不到参数问题
- curl post参数,接口接收不到数据问题
- 【从零开始抱大腿】flask框架,前端输入,后端打印:使用post调用接口,插件postman传递JSON类型。
- axios发送post请求springMVC接收不到参数的解决方法
- 解决vue中使用Axios调用接口时出现的ie数据处理问题
- tomcat配置maxPostSize处理请求参数太大导致后端获取不到参数问题