POST 方法完全可以提交 @RequestParam 参数！

@RequestParam 本质是接收「URL 查询参数」或「表单键值对参数」，和请求方法（GET/POST）无关 —— 只要前端按对应格式传参，POST 方法一样能被 @RequestParam 解析。

<template>
  <div>
    <input v-model="username" placeholder="用户名" />
    <input v-model="password" type="password" placeholder="密码" />
    <button @click="login">登录</button>
  </div>
</template>

<script setup>
import axios from 'axios';
import { ref } from 'vue';

// 定义参数
const username = ref('');
const password = ref('');

// 登录请求（POST + 表单格式参数）
const login = async () => {
  try {
    // 1. 构造表单参数（键值对）
    const params = new URLSearchParams();
    params.append('username', username.value);
    params.append('password', password.value);

    // 2. 发送POST请求
    const res = await axios.post(
      '/login', // 请求地址
      params,   // 请求体（表单格式）
      {
        // 关键：设置Content-Type为表单格式
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      }
    );
    console.log('登录成功', res.data);
  } catch (err) {
    console.error('登录失败', err);
  }
};
</script>

import qs from 'qs';

// 替换上述 params 部分
const data = {
  username: username.value,
  password: password.value
};
// qs.stringify 会把对象转成 "username=admin&password=123456" 格式
const res = await axios.post('/login', qs.stringify(data), {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
});

const login = async () => {
  try {
    const res = await axios.post(
      '/login', // 请求地址
      {}, // POST请求体为空
      {
        // 参数拼在URL后（?username=xxx&password=xxx）
        params: {
          username: username.value,
          password: password.value
        }
      }
    );
    console.log('登录成功', res.data);
  } catch (err) {
    console.error('登录失败', err);
  }
};

@PostMapping("/login")
public Result<String> login(
        @RequestParam String username,
        @RequestParam String password) {
    // 业务逻辑...
    return Result.success("登录成功", token);
}