提交工单时出现400状态码错误求助（附相关代码）

1. 请求数据与后端Schema不匹配 #

客户模块正常说明基础请求流程没问题，大概率是Ticket的字段和后端MongoDB的Schema不一致：

• 检查AddTicketModal.jsx中提交的表单字段，是否有必填字段未传，比如工单标题、关联客户ID、优先级这些后端Schema设为required: true的字段
• 检查字段类型是否匹配：比如后端期望数字类型的优先级，前端传了字符串；日期字段格式不对（比如用了new Date()但后端需要ISO字符串）
• 检查是否有额外字段后端Schema设置了strict: true，前端提交了未定义的字段导致被拒绝

2. 请求格式或参数错误 #

• 查看ticketMutation.js中的请求配置：
  • 确认请求方法是POST（客户模块用的是正确的方法，这里可能写错成PUT/PATCH）
  • 检查请求头Content-Type是否设为application/json，如果是表单提交是否用了正确的编码
  • 检查请求URL是否正确，是否和客户模块的API路径有差异（比如多了少了前缀，拼写错误）

3. 关联数据验证失败 #

工单通常需要关联客户ID，可能存在以下问题：

• 前端提交的客户ID格式错误（比如不是MongoDB的ObjectId格式，或者传了不存在的客户ID）
• 后端对关联客户的验证逻辑报错（比如客户状态为禁用，但工单要求关联活跃客户）

4. 后端业务逻辑校验不通过 #

• 后端可能对工单的某些字段有额外校验（比如标题长度限制、描述字数上限），前端没做相应限制导致提交后被拒绝
• 检查后端日志，400错误通常会返回具体的错误信息，比如"message": "Title is required"，可以在浏览器开发者工具的Network面板查看请求的响应内容，这是最直接的排查方式

5. 前端数据处理错误 #

• 检查AddTicketModal.jsx中表单数据的收集逻辑，是否有字段值被意外清空或转换错误（比如复选框状态没正确转为布尔值）
• 确认在调用ticketMutation.js的mutation函数时，是否正确传递了表单数据，有没有漏传参数

快速排查步骤 #

1. 打开浏览器开发者工具，切换到Network面板，找到工单提交的请求
2. 查看请求的Payload，确认所有字段和类型是否符合后端要求
3. 查看请求的Response，获取具体的错误提示信息
4. 对比客户模块的提交请求，找出两者在请求格式、字段、URL上的差异

内容的提问来源于stack exchange，提问作者Nate