HTTP请求中undefined参数被清除致后端必填字段报错求助

嘿，我碰到过一模一样的问题！咱们来拆解一下：

你遇到的核心问题是：当你给请求参数赋值undefined时，Vue的$http（其实大部分HTTP客户端库都是这个逻辑）在序列化请求体的时候，会自动忽略值为undefined的属性。所以虽然你在debugger里能看到params.physicalserver_id存在，但实际发送到后端的请求体里根本没有这个字段，后端自然会报错说它是必填项。

解决办法很简单，分两种场景： #

• 场景1：后端允许该字段为空值（比如null或空字符串）
  直接把undefined换成后端能识别的空值类型就行，比如：

  params.physicalserver_id = null; // 或者 params.physicalserver_id = '';
  

  这样请求体里就会带上physicalserver_id字段，后端能正常接收到，哪怕值是空，也不会触发必填校验。

• 场景2：你需要强制发送这个字段（哪怕值是undefined）
  这种情况比较少见，但如果后端确实要求必须存在这个字段，你可以先把undefined转成null（因为JSON.stringify会保留null属性，却会忽略undefined），然后处理参数再发送：

  // 遍历参数，把所有undefined替换成null
  const processedParams = Object.fromEntries(
    Object.entries(params).map(([key, val]) => [key, val === undefined ? null : val])
  );
  // 发送处理后的参数
  this.$http.post('/api/xxx/add/', processedParams).then( (response) => {
      console.log(response, 'lml')
  })
  

另外，你可以去浏览器的Network面板里查看实际发送的请求体，肯定会发现原来的physicalserver_id字段根本没被发送——这也是验证问题的关键一步。

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