ReactJS新手集成Firebase后前端调用API报column 'undefined'不存在错误

嘿，我来帮你搞定这个问题！从你给出的错误信息和代码片段来看，问题的根源很明确：你的SQL语句拼接时，req.body.driver或者req.body.customer的值是undefined，导致最终生成的SQL语法错误。

为什么会出现这个错误？ #

当你直接用字符串拼接SQL时：

DB.query("SELECT oauth FROM users WHERE id = "+req.body.driver+" OR id = "+req.body.customer+"")

如果前端调用接口时，没有正确传递driver或customer字段，req.body.driver/req.body.customer就会是undefined，拼接后的SQL就会变成：

SELECT oauth FROM users WHERE id = undefined OR id = 某个合法值

PostgreSQL会把undefined当成一个列名，而你的users表里根本没有这个列，所以就抛出了column "undefined" does not exist的错误。

而Postman调用正常，是因为你在Postman里手动填写了正确的driver和customer参数，所以拼接后的SQL是合法的。

怎么解决这个问题？ #

我给你两个关键的修复步骤：

1. 立即改用参数化查询（杜绝SQL注入+解决undefined问题）

绝对不要直接拼接SQL字符串，这不仅会导致你现在的问题，还存在严重的SQL注入风险。pg库支持参数化查询，用占位符$1、$2来代替变量，把参数放在数组里传递：

DB.query("SELECT oauth FROM users WHERE id = $1 OR id = $2", [req.body.driver, req.body.customer])
  .then(res => {
    // 你的后续处理逻辑
  })

这样就算某个参数是undefined，pg会自动把它转换成NULL，不会导致SQL语法错误；同时也彻底避免了SQL注入的风险。

2. 增加前端传参校验+后端参数校验

• 前端侧：检查调用patch接口时，是否在请求体里正确传递了driver和customer字段。可以打开浏览器的开发者工具（F12），切换到Network面板，找到对应的patch请求，查看Payload里是否包含这两个字段，且值是合法的用户ID。
• 后端侧：在处理请求前，先校验参数是否存在：

// 在Orders.patch之前先加校验
const { driver, customer } = req.body;
if (!driver || !customer) {
  return res.status(400).json({ error: "driver和customer参数不能为空，请检查前端传参" });
}
// 还可以进一步校验ID的格式，比如是否是数字/UUID等

这样能提前拦截参数缺失的请求，避免后续的SQL错误。

额外小优化 #

你的代码里还有个小细节可以优化：在处理数据库返回结果时，直接修改原res数组不是最佳实践，建议创建新数组存储处理后的数据：

// 替换你原来的map逻辑
const arrayToken = res.map(row => ({ token: row.oauth.token }));
// 直接使用arrayToken即可，无需修改原res数组

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