Angular调用Golang/PostgreSQL后端出现HttpErrorResponse请求异常求助

首先，我们要定位两个核心问题：前端发送的时间戳字段值不符合PostgreSQL要求，以及Angular请求处理方式可能存在冗余操作，一步步来解决：

1. 修正Angular请求发送逻辑，去掉手动JSON序列化 #

你现在手动把session对象转成JSON字符串再传给服务，但Angular的HttpClient本身会自动将JavaScript对象序列化为标准JSON，手动stringify反而可能引发不必要的格式问题（比如对象内特殊类型的处理偏差）。

修改编辑页面代码：

// 直接传递session对象，无需手动stringify
console.log("原始Session对象:", session); // 打印原始对象，方便排查字段值
this.httpService.updateSession(session).subscribe(
  (res) => console.log("更新成功:", res),
  (err) => console.error("更新失败详情:", err)
);

同步修改HttpService的方法：

public updateSession(payload: any) {
  console.log("请求Payload:", payload);
  return this.http.put(`${this.accessPointUrl}/updateSession`, payload, { headers: this.headers });
}

2. 排查并修复时间戳字段的无效值 #

后端报错pq: invalid input syntax for type timestamp: ""，说明前端发送了空字符串的时间戳字段——而PostgreSQL的timestamp类型只接受有效时间字符串或null，完全不识别空字符串。

具体操作： #

• 先在前端打印原始session的时间戳字段（比如startTime、endTime），确认值的状态：

  console.log("StartTime字段值:", session.startTime);
  console.log("EndTime字段值:", session.endTime);
  

• 如果发现字段是空字符串""，直接替换为null（前提是后端数据库表该字段允许为null）：

  // 批量处理所有时间戳字段示例
  if (session.startTime === "") session.startTime = null;
  if (session.endTime === "") session.endTime = null;
  

• 如果字段是Date类型，确保它是有效的Date对象——JSON序列化会自动将其转为PostgreSQL可识别的ISO格式字符串（比如"2024-05-20T12:34:56.789Z"）。

3. 调整Golang后端结构体，适配空值处理 #

如果你的Golang结构体中时间戳字段用的是time.Time类型，建议改成指针类型*time.Time，这样前端传null时，Golang能正确解析为nil，传给PostgreSQL就是合法的null值：

type Session struct {
  // 其他字段...
  StartTime *time.Time `json:"startTime"`
  EndTime   *time.Time `json:"endTime"`
}

4. 完善后端错误响应，避免Angular出现status 0 #

如果后端处理请求时因时间戳错误直接崩溃（比如panic），浏览器会因无法收到合法HTTP响应而返回status: 0。你需要在Golang代码中添加错误捕获，返回明确的错误响应：

func updateSessionHandler(w http.ResponseWriter, r *http.Request) {
  var session Session
  err := json.NewDecoder(r.Body).Decode(&session)
  if err != nil {
    http.Error(w, "请求格式错误: "+err.Error(), http.StatusBadRequest)
    return
  }

  // 执行数据库更新操作
  _, err = db.Exec("UPDATE sessions SET start_time = $1, end_time = $2 WHERE id = $3", 
    session.StartTime, session.EndTime, session.ID)
  if err != nil {
    log.Printf("数据库更新失败: %v", err)
    http.Error(w, "服务器内部错误", http.StatusInternalServerError)
    return
  }

  w.WriteHeader(http.StatusOK)
  json.NewEncoder(w).Encode(map[string]string{"msg": "会话更新成功"})
}

这样即使数据库操作出错，Angular也会收到明确的HTTP状态码（比如400、500），而非模糊的status: 0。

最后验证 #

修改完成后，按以下步骤确认：

1. 前端打印的session对象中，时间戳字段要么是有效ISO字符串，要么是null
2. 查看浏览器Network面板，确认请求Body中的时间戳值符合要求
3. 后端不再出现pq时间戳错误，Angular能收到正常响应

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