Angular 2 Accessing AWS API Gateway

Question

Baffled on what the issue is here. I am trying to access a Lambda function on AWS through my Angular 2 application. Cross origin is enabled in AWS. In Chrome I am getting 200 responses in the Network tab.

Preflight Options Request

GET Request

The console however shows a 403

Here is the Angular code

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

getAWS(): Observable<any> {
    return this.http.get('https://9rw0xrw730.execute-api.us-east-1.amazonaws.com/default/...', {
        headers: {
        'x-api-key': 'myapi key'
        }
      }
    );
  }

Answer 1

Solved...

I had to explicitly add it to the Lambda Function itself. I did add it to the API Gateway which got me to the point above. But still didn't have the header on the actual response.

Here is the Lambda code: