### 使用 `application/x-www-form-urlencoded` 格式发送 HTTP 请求 当使用 `application/x-www-form-urlencoded` 类型发送 POST 请求时，数据会以键值对形式编码，并作为查询字符串附加到请求体中。这种格式类似于 URL 查询参数的结构。 对于 Vue.js 应用程序中的 Axios 客户端库来说，为了确保正确传输此类格式的数据给服务器，建议采用如下方法： #### 前端实现 (Vue + Axios) 由于默认情况下 Axios 将 JavaScript 对象序列化为 JSON 字符串，这并不适合于 `application/x-www-form-urlencoded` 类型。因此，在构建请求之前应当先创建一个 `URLSearchParams` 实例来处理这些键值对[^1]。 ```javascript // 创建一个新的 URLSearchParams 对象实例 const params = new URLSearchParams(); params.append('username', 'exampleUser'); params.append('password', 'securePassword'); axios.post('/api/login', params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' } }) .then(response => console.log(response.data)) .catch(error => console.error(error)); ``` 上述代码片段展示了如何利用 `URLSearchParams` 来准备要提交的信息，并设置合适的头部信息以便告知服务端所接收的内容类型。 #### 后端 Java 处理 (`HttpURLConnection` or Apache HttpClient) 在 Java 中可以通过多种方式解析来自客户端发来的表单数据。这里提供两种常见的解决方案——基于标准类库 `HttpURLConnection` 和第三方工具包 Apache HttpClient 的例子[^2]。 ##### 使用 HttpURLConnection 解析 Form Data: ```java Map<String, String> formData = new HashMap<>(); formData.put("username", "exampleUser"); formData.put("password", "securePassword"); String urlParameters = formData.entrySet().stream() .map(entry -> entry.getKey() + "=" + URLEncoder.encode(entry.getValue(), StandardCharsets.UTF_8)) .collect(Collectors.joining("&")); URL obj = new URL("http://localhost:8080/api/login"); HttpURLConnection con = (HttpURLConnection) obj.openConnection(); con.setRequestMethod("POST"); con.setDoOutput(true); con.setRequestProperty("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); try(OutputStream os = con.getOutputStream()) { byte[] input = urlParameters.getBytes("utf-8"); os.write(input, 0, input.length); } int responseCode = con.getResponseCode(); System.out.println("Response Code : " + responseCode); BufferedReader in = new BufferedReader( new InputStreamReader(con.getInputStream())); String inputLine; StringBuilder response = new StringBuilder(); while ((inputLine = in.readLine()) != null) { response.append(inputLine); } in.close(); ``` 此段代码说明了怎样手动组装并发送带有 `application/x-www-form-urlencoded` 内容类型的 HTTP POST 请求至指定 URI 地址。