axios的post请求无法发送到后端

1.问题： axios的post的传递的json数据无法接收

问题背景：SpringBoot+Vue测试开发项目前后端联调，发现axios的post请求向后端传递的参数，后台无法收到。

2.问题代码

 public CommonResult TestDriver(@RequestParam(value = "tests",required = false)String test_txt,) throws IOException {

后台controller可以被触发，但是无法接收到参数"tests"，required = true 时就报body中无tests。

 axios.post(url,{"tests":this.input_tests}).then((info)=>{this.input_tests=this.input_tests + "/n" + info.data.data
})

3.问题归因

test_txt 是空值无法接收到。这就涉及到了Content-Type问题，@RequestParam 这种用postman测试可以得到正确结果，但是我没有注意到请求是application/x-www-form-urlencoded 形式的。

但是通过分析axios源码发现前端传的数据是json格式的，所以数据格式应该是application/json格式的。

4.问题解决

    @RequestMapping(value = "/getToken",method = RequestMethod.POST,consumes = "application/json;charset=UTF-8")@ResponseBodypublic CommonResult testExcute(@RequestBody JSONObject jsonObject){String test_txt =jsonObject.getString("tests");

5.查漏补缺

RequestBody 接收的是请求体里面的数据；

RequestParam接收的是key-value

 public CommonResult getServe(HttpServletRequest request,@RequestParam(value = "cid",required = false)Integer cid,@RequestParam(value = "url",required = true)String url,@RequestParam(value = "name",required = false)String name,@RequestParam(value = "method",required = false)String method,@RequestParam(value = "type",required = false)String type) throws IOException {

如果参数时放在请求体中，application/json传入后台要用@RequestBody才能接收到。

我发现之前组员的项目中用到过这种写法

@PostMapping(value="/login",consumes = "application/json;charset=UTF-8")public String login(@RequestBody User user) throws Exception{}

这种参数是一个对象的写法，并且用@RequestBody修饰的，前后端连接时需要满足一些要求。

@RequestBody修饰的类，json字符串的key值对应实体类的值，也就是user的name对应json数组"name"的值。

如何解决@RequestParam无法接收vue+axios传递json数据相关推荐

vue axios传递FormData填坑，headers不显示，后台报错等等问题
vue axios传递FormData填坑,headers不显示,后台报错等等问题你可能在以下vue axios的FormDara的文件上传中,有headers不显示问题,或遇到了以下报错 org. ...
axios向springboot后台传递json数据
小白遇坑刚开始我是用get方法来传递json数据,但是总是报错:Required request body is missing,我人傻了,对着这个错误百度了半天,才发现,原来axios get请求 ...
前台传递JSON数据，后台spring mvc如何接收数据
如何传递JSON数据到后台? 方式一, 使用post请求,请求类型为:application/x-www-form-urlencoded; charset=UTF-8 $.ajax({url : ur ...
vue通过axios获取json数据
文章目录前言一.axios的安装二.通过axios.get()方法获取json数据 2.1下面的代码是通过axios.get()获取json数据 2.2显示json数据总结前言今天学习了通 ...
SpringMVC绑定ajax传递json数据到pojo对象错误（400 Bad Request）
问题如标题所述,ajax向SpringMVC Controller传递JSON数据,遇到了错误"Failed to load resource: the server responded w ...
android post json格式,Android中post请求传递json数据给服务端的实例
在最近的项目中有个需求是这样的: 入参封装成JSON,EXAMPLE: { "uuid": "iamauuid","clientType": ...
Ajax（form表单文件上传、请求头之contentType、Ajax传递json数据、Ajax文件上传）
form表单文件上传上菜 file_put.html <form action="" method="post" enctype="multi ...
android json传输数据到服务器,Android中post请求传递json数据给服务端的实例
在最近的项目中有个需求是这样的: 入参封装成JSON,EXAMPLE: { "uuid": "iamauuid", "clientType" ...
vue之猫眼json数据的获取直接用于自己的vue项目中,swiper轮播插件的坑
vue之猫眼json数据的获取直接用于自己的vue项目中遇到问题总结: 加载不出猫眼数据,无法调用,数据被限制猫眼电影图片的拼接及删除问题 swiper的迷幻坑** 首先来说一下第一问题加载不出 ...

如何解决@RequestParam无法接收vue+axios传递json数据

文章目录

axios的post请求无法发送到后端

1.问题： axios的post的传递的json数据无法接收

2.问题代码

3.问题归因

4.问题解决

5.查漏补缺

如何解决@RequestParam无法接收vue+axios传递json数据相关推荐

最新文章

热门文章

如何解决@RequestParam无法接收vue+axios传递json数据

文章目录

axios的post请求无法发送到后端

1.问题 ： axios的post的传递的json数据无法接收

2.问题代码

3.问题归因

4.问题解决

5.查漏补缺

如何解决@RequestParam无法接收vue+axios传递json数据相关推荐

最新文章

热门文章

1.问题： axios的post的传递的json数据无法接收