解决axios发送post请求返回400状态码的问题

长沙网络推广今天要跟大家分享一个非常实用的问题解决攻略。你们是否曾在发送axios的post请求时遇到过返回状态码的问题呢？下面我就给大家深入一下这个问题，并分享解决方案，希望能给大家带来帮助。

当我们尝试使用axios进行跨域post请求时，可能会遇到这样的问题：请求失败，返回的状态码是。我们的前台代码如下：

```javascript

axios({

method: "post",

url: "

data: {

username: '234234',

password: '4565'

}

}).then((res) => {

console.log(res.data);

})

```

后台代码则是这样：

```java

@CrossOrigin

@PostMapping("/employee/testpost")

@ResponseBody

public Result testpost(@RequestParam(value = "username", required = true) String username,

@RequestParam(value = "password", required = true) String password) {

System.out.println(username + " , " + password);

Result json = new Result();

json.setResult(1);

return json;

}

```

我们在Postman上发送post请求时却能得到返回数据。那么问题究竟出在哪里呢？困扰了我们很久之后，我们发现原来是请求头的问题。axios请求的Content-Type默认是application/json，而Postman默认的是application/x-www-form-urlencoded。为了解决这个问题，我们选择改变后台的接收方式。

修改后的后台代码如下：

```java

@CrossOrigin

@PostMapping("/employee/testpost")

@ResponseBody

public Result testget(@RequestBody Map map) {

System.out.println(map.get("username") + " , " + map.get("password"));

Result json = new Result();

json.setResult(1);

return json;

}

```

这样修改之后，数据就能成功返回了！这就是长沙网络推广今天分享给大家的解决axios发送post请求返回状态码的问题的全部内容。希望这篇文章能给大家带来帮助，也希望大家能多多支持长沙网络推广。如果你觉得这个分享对你有帮助，不妨在评论区留言交流，一起进步。也欢迎大家关注我们的更多分享。让我们一起期待更多精彩的互联网技术与网络推广知识分享！