最近在学习Vue,期间遇到个问题就是前端页面使用axios调用接口将页面数据存储到数据库中时,使用POST请求时后端Debug不出前端的参数,导致前端触发调用后端接口时后端会一直报错,之前前端这样写的:
(接口调用方法单独提出来写在marketmanager的insertMarketManagerFill方法中,这边import引入后直接用就行了)
但是问题来了,data中的各参数前端或者浏览器console时都没问题,但是后端就是接收不到,检查了后端单独运行数据写死时数据库中数据更新成功了,那就是前端,网上看了一圈最后终于找到个靠谱的(地址底部会贴出)因为前端需要传递的参数是key,value键值对形式,而axios方式调用接口会将数据以json字符串格式传递过去,所以修改了上图中的data参数,改为下图:
这样后端就能接收到前端参数了,使用var data = new FormData()将前端表单数据序列化,使用append()添加数据,再将key,value形式的数据传递给后端接口即可~
后端代码也贴一下吧很简单的接口: