AWS API Gateway with Lambda function Cors enabled not working with Angular 5

Question

Tested CORS and its working fine. I'm getting response also from server. API service call below

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

}

Angular component method that listens this api is below

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

Please take a look at above image. CORS is working fine. But The subscribe is always falling into error. And the error message is below

{"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}}

Manu Mohan · Accepted Answer · 2018-06-02 09:25:41Z

2

I found the issue. As long as we're using lambda proxy integration, we're responsible for handling response headers. Enabling CORS at api gateway will not add anything to your header. SO I've added "Access-Control-Allow-Origin" to my header in lambda and now its working fine

answered Jun 2, 2018 at 9:25

Manu Mohan

1,8342 gold badges23 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AWS API Gateway with Lambda function Cors enabled not working with Angular 5

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related