URL传递对象时req.query返回[object Object]如何解决

URL查询参数的原生格式只支持字符串键值对，当你直接把JS对象嵌入模板字符串拼接参数时，JS会自动对对象执行默认类型转换，调用Object.prototype.toString()方法，普通对象调用该方法的固定返回值就是[object Object]。
这个转换发生在前端拼接参数的阶段，你可以在前端拼接完query字符串后直接打印验证，会发现传给后端的参数值本身就已经是[object Object]，和后端req.query的解析逻辑无关，因此后端无论怎么打印、执行JSON.stringify都无法拿到原始对象内容。

根据使用场景，可以从以下三种常用方案中选择：

方案1：JSON序列化传递（通用度最高） #

前端传参前先把对象序列化为JSON字符串，同时做URL编码避免特殊字符破坏参数结构，后端拿到参数后反序列化为JS对象即可。
前端示例代码：

const fieldObj = {'itemA':1, 'itemB':1};
// 必须做URL编码，否则JSON里的引号、&、=等特殊字符会打乱参数结构
const query = `field=${encodeURIComponent(JSON.stringify(fieldObj))}`;

后端（Express框架）示例代码：

let field;
try {
  field = JSON.parse(req.query.field);
  console.log(field); // 正常输出 { itemA: 1, itemB: 1 }，为可操作的原始对象
} catch (err) {
  // 处理参数格式非法的容错逻辑
}

注意：JSON.parse遇到非法JSON字符串会直接抛错，生产环境必须加异常捕获。

方案2：遵循嵌套参数格式传递（适配Express默认解析） #

Express内置的qs解析器原生支持对象格式的查询参数，只要前端按照key[子属性]=值的格式拼接参数，后端不需要额外反序列化，req.query对应字段会自动解析为对象。
前端示例代码：

const searchParams = new URLSearchParams();
searchParams.append('field[itemA]', 1);
searchParams.append('field[itemB]', 1);
const query = searchParams.toString();

后端直接取值即可：

const field = req.query.field;
console.log(field); // 直接输出 { itemA: '1', itemB: '1' }

注意：该方式传递的所有参数值默认会被解析为字符串类型，数字、布尔值等类型需要手动转换；多层嵌套对象可以继续追加方括号，例如field[sub][itemA]=1会被解析为{ sub: { itemA: '1' } }。

方案3：复杂对象放入请求体传递 #

如果传递的对象结构复杂、字段较多，不要把参数放在URL查询位，改用POST请求将对象放在请求体（body）中传递即可。这种方式不需要手动做编码、序列化转换，也没有URL长度限制，是传递复杂结构化数据的标准实践。

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