启用了 Lambda 函数 Cors 的 AWS API 网关不适用于 Angular 5答案

【问题标题】：AWS API Gateway with Lambda function Cors enabled not working with Angular 5启用了 Lambda 函数 Cors 的 AWS API 网关不适用于 Angular 5
【发布时间】：2018-06-02 09:17:01
【问题描述】：

经过测试的 CORS 及其工作正常。我也收到来自服务器的响应。 API服务调用如下

login (user: any) {
return this.http.post(this.url, user, httpOptions);

}

下面是监听这个api的Angular组件方法

this.auth.login(this.user).subscribe(
    data=>{
      alert(JSON.stringify(data));
    },
    error=>{
      alert(JSON.stringify(error));
    }
  );

请看上面的图片。 CORS 工作正常。但是订阅总是陷入错误。错误信息如下

{"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null,"ok":false,"name":"HttpErrorResponse","message":"Http failure response for (unknown url): 0 Unknown Error","error":{"isTrusted":true}}

【问题讨论】：

标签： angular amazon-web-services aws-lambda aws-api-gateway

【解决方案1】：

我发现了问题。只要我们使用 lambda 代理集成，我们就负责处理响应标头。在 api 网关启用 CORS 不会向您的标头添加任何内容。所以我在 lambda 的标题中添加了“Access-Control-Allow-Origin”，现在它工作正常

【讨论】：