axios用post提交多个参数踩坑

axios post会自动根据你提交的类型选择当 data 为 URLSearchParams 对象时设置为 application/x-www-form-urlencoded;charset=utf-8, 当 data 为普通对象时，会被设置为 application/json;charset=utf-8application/json;charset=utf-8要用@RequestBo...

技术菜鸟Jacob

12801人浏览 · 2019-12-19 01:28:52

技术菜鸟Jacob · 2019-12-19 01:28:52 发布

axios post会自动根据你提交的类型选择请求头
当 data 为 URLSearchParams 对象时设置为 application/x-www-form-urlencoded;charset=utf-8, 当 data 为普通对象时，会被设置为 application/json;charset=utf-8

application/json;charset=utf-8 要用@RequestBody
所以axios的post传多个参数要用@RequestBody转化成Map类型接收
贴几张图，axios Post提交传Map要用

前端传{vote_user:this.vote_user,smsId:this.smsId,smsInfo:this.smsInfo}
别再在外面定义一个datas比如{datas:{vote_user:this.vote_user,smsId:this.smsId,smsInfo:this.smsInfo}}

后端打上@RequestBody元注解定义一个Map datas接收
在这里插入图片描述
参考1
参考2
参考3参考3有个错误的地方，axios会根据你post传参类型自动选择请求头