代码，Java 后端

    @PostMapping("userInfo")
    public Result putUserInfo(@RequestParam("password")  String password, @RequestParam("nickname") String nickname, @RequestParam("username") String username) {
        log.info("POST传递的参数类型 {},{},{}", password, nickname, username);

        return Result.success();
    }

JavaScript 代码

user.js 

export const  setUserData = (params) => {
    const param = new URLSearchParams()
    for (let key in params) {
        param.append(key, params[key])
    }
    console.log(params.username)
    return inst.post("/user/userInfo", param)
}

user.vue

<script setup >
import { ref } from 'vue'
import {setUserData} from "@/utils/user.js";


const userData = ref(
    {
      username:'',
      nickname:'',
      password:''
    }
)

const userDataRun = async () => {

  userData.value.username = "三峰"
  userData.value.nickname = "san"
  userData.value.password = "123098"

  const setUserDataRun = await  setUserData(userData.value)


}



</script>

<template>
  <el-form-item>
    <el-button class="button" type="primary" auto-insert-space @click="userDataRun">提 交</el-button>
  </el-form-item>
</template>

<style scoped>

</style>

通过提交触发动作

结果

com.wucaimu.controller.UserController    : <UNK> 123098,san,三峰