Vue使用Axios通过post方式访问后台，为什么后台获取不到传递过来的参数？(跨域)

Question

我用Vue+Element搭建了一个前端应用。使用Axios来进行数据的访问。配置如下

后台是一个Spring项目，也进行了跨域的配置，如下

使用如下代码请求后台时，后台确实接收到了请求，但却没有接收到请求参数

尝试了各种方法都不行唉.../(ㄒoㄒ)/~~

Answer 1

@RequestMapping(value="/uploadCarousel", method=RequestMethod.POST)
public ContentResults test(@RequestBody UserBean userbean) {
        
    }

 

Answer 2

刚踩了这个坑,浪费了大半天时间查资料。

前台用是json，后台控制器使用基础数据类型接受时就会发现参数值为空。

但是用postman测试又没问题。

解决办法

https://stackoverflow.com/questions/12893566/passing-multiple-variables-in-requestbody-to-a-spring-mvc-controller-using-ajax

 

Answer 3

第一步看手动json请求后台能不能请求到，确保后台是没问题的
第二步浏览器端看发送的请求是否符合格式，是否和第一步的一致
浏览器检查格式方法 右键/检查/Network

Answer 4

1  , axios 默认采用的是applicaiton/json  ，应该要@requestBody 获取请求内容。（其实就是 前台POST JSON字符串 到后台）

2 , 如果spring mvc 想使用key-value这种方式接收，可以放到URL参数中（使用 这个 config.data = qs.stringify(config.data) 也可以实现）

3 ，第三种是用 用一个url的方法转换一下（具体忘记哪个方法了）， 后台也可以收到，但是有浏览器兼容性问题。不推荐。

推荐第二种。