Angular应用调用AWS后端HTTPS接口出现ERR_CONNECTION_RESET问题求助

针对你遇到的Angular调用AWS API网关时出现ERR_CONNECTION_RESET的问题，结合curl可正常访问的情况，从以下几个方向排查：

1. 验证API网关的SSL证书与域名配置 #

• 确认API网关自定义域名绑定的SSL证书是CA签发的有效证书，证书的**主题备用名称（SAN）或通用名称（CN）**完全匹配你的API域名，且证书未过期。
• 检查DNS解析记录（如Route 53）是否正确指向API网关的CloudFront分配（若使用自定义域名），避免A/CNAME记录配置错误导致域名解析异常。

2. 清理Angular端不必要的证书配置 #

Angular前端应用无需在angular.json或package.json中配置服务端SSL证书——浏览器会自动验证CA签发的服务端证书，手动配置反而可能干扰请求流程：

• 移除这两个配置文件中所有与证书相关的项，重启Angular开发服务器后重新发起请求。

3. 排查浏览器端SSL/TLS握手问题 #

• 确认API网关使用的TLS版本为1.2或更高（建议禁用TLS 1.0/1.1），避免与浏览器的TLS支持版本不兼容导致握手失败。
• 打开浏览器开发者工具（F12）：
  • 在「Network」标签查看失败请求的域名是否正确，是否存在未预期的重定向；
  • 在「Security」标签检查证书是否被浏览器信任，是否存在证书警告（如域名不匹配、根证书未被信任）。

4. 检查API网关的CORS配置 #

CORS配置错误是前端请求失败的常见原因，即使SSL正常也可能导致连接重置：

• 确认API网关的CORS规则允许Angular应用的Origin（开发环境通常是http://localhost:4200，生产环境为你的前端域名）；
• 确保允许的HTTP方法、请求头覆盖了Angular实际使用的内容；
• 确认CORS配置已部署到所有相关的API资源上，而非仅根路径。

5. 排查网络层限制 #

• 若使用私有API网关，检查VPC安全组是否允许来自Angular应用所在IP的HTTPS（443端口）入站流量；
• 检查前端服务器或本地开发环境的防火墙、代理工具是否拦截了HTTPS请求，导致连接被重置。

6. 交叉测试定位问题 #

• 将Angular应用部署到生产环境测试，排除开发环境的代理或本地网络配置问题；
• 使用Postman模拟Angular的请求（携带相同的请求头和参数），若Postman能正常访问，说明问题出在Angular代码或开发环境配置上；若Postman也失败，则重点排查API网关或网络配置。

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