Angular通过GET请求向Node.js传递复杂对象失败问题求助

首先咱们先捋清楚你当前的问题：你用Angular的GET请求传递一个简单键值对对象，但没法成功让Node.js端拿到参数并正确执行SQL。先从最基础的场景开始排查和解决：

1. 简单对象（当前场景）的传递与修复 #

你的Angular代码里用{params: data}传递参数的方式是没问题的，Angular会自动把这个对象转成URL查询参数（比如?module=master&identifier=personneltype）。问题大概率出在Node.js端的参数获取逻辑上。

修正Node.js代码 #

你需要先从req.query里拿到GET请求传递过来的参数，再传入SQL语句：

function getGlobalConfig(req, res, next) {
  // 从URL查询参数中提取数据
  const { module, identifier } = req.query;
  
  pool.connect(function (err, client, done) {
    // 先处理数据库连接错误
    if (err) {
      return res.status(500).json({ error: '数据库连接失败' });
    }
    // 补全你的SQL语句（注意原代码里的类型定义没写完）
    const q = 'select * from abc.table($1::character varying(150), $2::character varying(150))';
    // 用参数化查询传入参数，避免SQL注入
    client.query(q, [module, identifier], function(queryErr, result) {
      done(); // 一定要释放数据库连接，避免连接池耗尽
      if (queryErr) {
        return res.status(500).json({ error: queryErr.message });
      }
      // 返回查询结果
      res.json(result.rows);
    });
  });
}

这里要注意几个关键点：

• GET请求的参数都存在req.query对象里，不是req.body（req.body是POST/PUT等请求的参数存储位置）
• 必须调用done()释放数据库连接，否则会导致连接池被占满
• 你的原SQL语句里类型定义没写完，要补全成合法的PostgreSQL语法

2. 传递复杂嵌套对象的处理方案 #

如果之后你需要传递嵌套对象、数组这类复杂结构，GET请求的查询参数就不太友好了（受URL长度限制、序列化麻烦），这时候有两种靠谱的方案：

方案一：将复杂对象序列化为JSON字符串传递 #

Angular端：

let complexData = {
  module: "master",
  filters: {
    type: "personneltype",
    status: ["active", "pending"]
  }
};
// 把复杂对象转成JSON字符串
const params = { data: JSON.stringify(complexData) };
return this._http.get("http://localhost:3000/api/Personnel/GetGlobalConfig", { params })
  .map((response: Response) => <IGlobalConfig[]>response.json())
  .catch(this.handleError);

Node.js端：

function getGlobalConfig(req, res, next) {
  try {
    // 解析JSON字符串还原对象
    const data = JSON.parse(req.query.data);
    const { module, filters } = data;
    
    pool.connect(function (err, client, done) {
      // 后续根据解析后的参数构建SQL并执行
      // ...
    });
  } catch (parseErr) {
    // 处理JSON解析失败的情况
    return res.status(400).json({ error: '参数格式错误' });
  }
}

方案二：改用POST请求传递复杂对象 #

GET请求本来就不适合传递复杂数据，更规范的方式是用POST请求：

Angular端：

let complexData = {
  module: "master",
  filters: {
    type: "personneltype",
    status: ["active", "pending"]
  }
};
return this._http.post("http://localhost:3000/api/Personnel/GetGlobalConfig", complexData)
  .map((response: Response) => <IGlobalConfig[]>response.json())
  .catch(this.handleError);

Node.js端（需要先配置JSON解析中间件）：

// 先在Express中配置解析JSON请求体的中间件
const express = require('express');
const app = express();
app.use(express.json());

function getGlobalConfig(req, res, next) {
  // 从req.body中获取POST传递的参数
  const { module, filters } = req.body;
  
  pool.connect(function (err, client, done) {
    // 后续处理逻辑
    // ...
  });
}

额外注意事项 #

• 跨域问题：如果Angular和Node.js运行在不同端口，要在Node端配置CORS（比如用cors中间件）
• 参数验证：不管是GET还是POST，都要对传入的参数做合法性校验，虽然你用了参数化查询避免了SQL注入，但也要防止非法参数导致业务逻辑错误
• Angular版本兼容：如果你的Angular版本是4+，map和catchError操作符需要从rxjs/operators导入，并用pipe包裹：

import { map, catchError } from 'rxjs/operators';

// ...
return this._http.get(...)
  .pipe(
    map((response: Response) => <IGlobalConfig[]>response.json()),
    catchError(this.handleError)
  );

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