【Spring】后端接收的请求参数多了一个逗号的处理办法

　　◆ 博主名称： QuZhengRong
　　AI俘虏，样式苦手

⭐️ LuckReport专栏： LuckReport
⭐️ SpringBoot专栏： SpringBoot
⭐️ SpringCloud专栏： SpringCloud

一、问题现象

接口用 GET 或表单 POST 传订单号、设备 ID 这类字符串，后端按普通 @RequestParam String 接收。

前端页面或 console 里看到的是 202609291001，后端打日志却是 202609291001,。按订单号查库查不到，业务侧表现为数据为空或校验失败，堆栈往往没有。

先在接口入口把原始参数打出来，再打开浏览器 Network，看实际 Query String / Form Data，不要只看业务代码里的变量打印。

二、原因定位

Spring MVC 对 @RequestParam String 一般不做裁剪，请求里带什么就赋什么。末尾逗号通常不是框架自己加的，而是请求里已经带上了。

常见来源有两类。

1、循环拼接时尾巴没收干净：

javascript 复制代码

let orderNo = ''
list.forEach(item => {
  orderNo += item.orderNo + ','  // 每次都追加逗号
})
// 结果类似 1001,1002,  末尾多一个逗号

2、数组先 join(',')，但数组里混进了空字符串：

javascript 复制代码

const arr = ['202609291001', '']
const orderNo = arr.join(',')  // 得到 202609291001,

补充一点：axios / qs 把单元素数组 ['202609291001'] 按 comma 格式序列化时，一般是 orderNo=202609291001，并不会自动变成带尾逗号。若 Network 里已经出现尾逗号，优先查拼接逻辑和数组内容，而不是先怀疑 Spring 解析。

三、前端传参修正

字符串参数就传字符串，不要把数组直接塞进本该是标量的字段。

javascript 复制代码

const arr = ['202609291001']
axios.get('/api/order/get', {
  params: {
    orderNo: arr[0] ?? ''  // 取标量，不要传整个数组
  }
})

多值需要逗号拼接时，用 map + join，不要手写末尾逗号：

javascript 复制代码

const orderNo = list
  .map(item => item.orderNo)
  .filter(Boolean)
  .join(',')  // 元素之间才有逗号，末尾不会多一个

改完后在 Network 里确认 Query 已无尾逗号，再联调后端。

四、项目推荐

导航：LuckReport专栏

1、项目简介

Luck-Report 是一款基于开源项目 UReport2 重构的 Java 高性能报表引擎，通过迭代单元格可以实现任意复杂的中国式报表。相较于 UReport2，Luck-Report 在技术架构上进行了全新升级，后端基于 SpringBoot 框架开发、前端采用 Vue 框架构建，技术选型贴合当下主流项目开发标准，可精准适配各类实际开发需求。

Luck-Report 提供了全新的基于网页的报表设计器，可以在 Chrome、Firefox、Edge 等各种主流浏览器运行（IE 浏览器除外）。使用 Luck-Report，打开浏览器即可完成各种复杂报表的设计制作。

Luck-Report 基于 Apache-2.0 开源协议开源

2、相关资源

资源	地址
在线体验	https://www.quzhe.top:8060/login
技术文档	https://www.quzhe.top:8099/se/docs
源码仓库	https://gitee.com/LuckyPools/luck-report-server
问题反馈	Gitee Issues

【Spring】后端接收的请求参数多了一个逗号的处理办法

目录

一、问题现象

二、原因定位

三、前端传参修正

四、项目推荐

1、项目简介

2、相关资源