您的位置:首页 > Web前端 > Vue.js

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

https://www.geek-share.com/detail/2732597003.html

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: