Проблема CORS с AWS API Gateway в угловых 4

Question

Я пытался добавить перехватчик, но он не работает

import {Injectable } from '@angular/core';
import {
    HttpRequest,
    HttpHandler,
    HttpEvent,
    HttpInterceptor
} from '@angular/common/http';
//import { AuthService } from '../services/auth.service';
import { Observable } from 'rxjs/Observable';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import 'rxjs/add/operator/catch';


@Injectable()
export class TokenInterceptor implements HttpInterceptor
{
    constructor(private http: HttpClient) 
    {
        console.log("interceptor is getting called");
    }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

      console.log(JSON.stringify(request));

       request = request.clone({

        setHeaders: {
            'Content-Type':  'application/json',
            'Authorization': 'my-auth-token',
        } 
      });
      return next.handle(request).catch((error ,caught )=>{
        //intercept the respons error and displace it to the console
        console.log("Error Occurred");
        console.log(error);
        //return the error to the method that called it
        return Observable.throw(error);``
        }) as any; 
    }
}

Answer 1

Убедитесь, что ваш сервер поддерживает CORS с чем-то вроде этого:

"заголовки": {"Access-Control-Allow-Origin": "*", "Content-Type": "application / json"}