axios发送post请求springMVC接收不到参数的解决方法

Axios 发送 POST 请求 Spring MVC 接收不到参数的解决方法 Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。然而，在使用 Axios 发送 POST 请求时，有时可能会遇到 Spring MVC 无法接收到参数的情况。这篇文章将探讨该问题的解决方法。 Axios 的默认请求头 Axios 的默认请求头是 `application/json`，这意味着 Axios 会将请求体序列化为 JSON 格式并将其发送到服务器端。但是，Spring MVC 默认情况下无法接收到 JSON 格式的请求体。这是因为 Spring MVC 的默认请求头是 `application/x-www-form-urlencoded`，因此无法正确地解析 JSON 格式的请求体。 解决方法 为了解决该问题，我们可以使用以下三种方法： 方法 1: 设置 Axios 的默认请求头 我们可以设置 Axios 的默认请求头为 `application/x-www-form-urlencoded`，这样可以使得 Spring MVC 正常地接收到请求参数。 ```javascript axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; ``` 或 ```javascript var instance = axios.create({}); instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; ``` 方法 2: 使用 URLSearchParams 构建参数 我们可以使用 `URLSearchParams` 来构建参数，这样可以使得请求体以 `application/x-www-form-urlencoded` 格式发送到服务器端。 ```javascript var params = new URLSearchParams(); params.append("username", _this.username); params.append("password", _this.password); axios.post("/service/login", params).then(function (response) { console.log(response); }).catch(function (error) { console.log(error); }); ``` 方法 3: 后台使用 @RequestBody 接收参数 我们可以使用 Spring MVC 的 `@RequestBody` 注解来接收参数，这样可以使得 Spring MVC 正常地接收到请求参数。 ```java @PostMapping(value = "/login") public String testLogin(@RequestBody Map<String, String> dataMap) { // 处理请求参数 } ``` Axios 发送 POST 请求时，Spring MVC 无法接收到参数的原因是 Axios 的默认请求头是 `application/json`，而 Spring MVC 的默认请求头是 `application/x-www-form-urlencoded`。为了解决该问题，我们可以使用三种方法：设置 Axios 的默认请求头、使用 `URLSearchParams` 构建参数、后台使用 `@RequestBody` 接收参数。