axios传的值 后端取不到

问题描述

springboot后端取不到axios传来的值，controller方法执行了，但是打印的username和password是null

aixos的post请求提交表单的类型的问题

前端

后端

问题：后台输出 null

分析思路

打开控制台

经过一番百度发现

axios会帮我们 转换请求数据和响应数据 以及 自动转换 JSON 数据

发现 以往的表单类型 formData 变成了Request Payload
Contentype也变成了application/json而不是application/x-www-form-urlencoded form_data

Content-Type	对应表单类型
application/json	Request Payload
application/x-www-form-urlencoded form_data	formData

参考资料来源：https://www.cnblogs.com/yiyi17/p/9409249.html

解决方案

Request Payload表单数据是json类型的数据，一定要
加上@RequestBody来接受参数，既然使用的@RequestBody，那么接收参数就要用实体类 或者Map

解决：去掉之前的用两个String接受2个参数，改用@RequestBody接受json数据

总结

• axios在进行post请求的时候将表单类型改t成了Request Payload，导致我们用request.getparameter()取不到数据，因为content-type不是application/x-www-form-urlencoded的话, 这个post请求无法被request.getparameter()获取到
• axios是vue官方推荐的http请求工具，既然他这么做一定有他的理由，因为我们用的vue是前后端分离的项目，接收前端jso数据就用@RequestBody好了。
• 感谢大佬指点 大佬主页

1.传统的ajax请求时候，Content-Type默认为"文本"类型。
2.传统的form提交的时候，Content-Type默认为"Form"类型。
3.axios传递字符串的时候，Content-Type默认为"Form"类型。
4.axios传递对象的时候，Content-Type默认为"JSON"类型