Vue中使用axios(POST请求)调用后端接口时,后端接口接收不到前端参数的问题

在Vue中使用axios进行POST请求时遇到问题,后端无法获取到前端传递的参数。解决方案是使用FormData将前端数据序列化,并通过append方法添加键值对,使后端能正确接收。参考相关博客文章,问题得到解决。
摘要由CSDN通过智能技术生成

最近在学习Vue,期间遇到个问题就是前端页面使用axios调用接口将页面数据存储到数据库中时,使用POST请求时后端Debug不出前端的参数,导致前端触发调用后端接口时后端会一直报错,之前前端这样写的:

(接口调用方法单独提出来写在marketmanager的insertMarketManagerFill方法中,这边import引入后直接用就行了)

但是问题来了,data中的各参数前端或者浏览器console时都没问题,但是后端就是接收不到,检查了后端单独运行数据写死时数据库中数据更新成功了,那就是前端,网上看了一圈最后终于找到个靠谱的(地址底部会贴出)因为前端需要传递的参数是key,value键值对形式,而axios方式调用接口会将数据以json字符串格式传递过去,所以修改了上图中的data参数,改为下图:

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值