解决 Vue+SpringBoot中axios发送数据后端接收不到

由于是学习阶段,在接收数据的时候,发现前端发送数据正常,后端服务器接收不到?这是怎么回事呢?网上查了很多方法,最后发现 如果是 post方式提交需要在SpringBoot项目中的Controller 接收参数的时候用@RequestB...

由于是学习阶段,在接收数据的时候,发现前端发送数据正常,后端服务器接收不到?

这是怎么回事呢?网上查了很多方法,最后发现 如果是 post方式提交需要在

SpringBoot项目中的Controller 接收参数的时候用@RequestBody 注解一下就行了;get方式则不需要注解

简单说明一下:因为post方式提交的时候会包装成一个json字符串,而get方式传参时 直接追加到地址后面,因此 后台接收get请求不用@RequestBody 注解

前端页面发送数据,添加一个名称。
1、引用自己定义的请求接口

2、自定义的接口请求

3、查看 NewWork 里面的信息

可以看出Content-Type是 application/json;charset=UTF-8

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

但问题就麻烦在这:服务端要求的 ‘Content-Type’: ‘application/x-www-form-urlencoded’

怎么解决呢,这里我直接封装实体类,然后改了Controller, 在接收数据这里 @ResquestBody注解一下



因为@requestBody注解常用来处理content-type不是默认的application/x-www-form-urlcoded编码的内容,比如说:application/json或者是application/xml等。一般情况下来说常用其来处理application/json类型。

因为涉及到跨域,每次请求都是两次,感觉很浪费,怎么解决呢? 百度上搜到一个简单的解决方案,设定一个超时时间

本文标题为:解决 Vue+SpringBoot中axios发送数据后端接收不到

基础教程推荐