Hallo, ich versuche, auf die 'flightAware' API-Daten zuzugreifen. Ich habe eine Anfrage bei Postman gemacht und es gibt alle Daten über den Flug perfekt zurück.API-Daten Angular 5
Wenn ich es in meinem Winkel Anwendung versuchen, erhalte ich die Fehlermeldung:
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.
Code:
constructor(private _http: HttpClient) { }
getSites(): Observable<ISearchResponse> {
return this._http.get<ISearchResponse>(this._siteURL)
.do(data => console.log('All: ' + JSON.stringify(data)))
.catch(this.handleError);
}
private handleError(err: HttpErrorResponse) {
console.log('SearchEngineService: ' + err.message);
return Observable.throw(err.message);
}
}
ISearchResponse
interface ISearchResponse {
airports: IItem[];
}
iItem
interface IItem {
name:string;
}
Postman Ergebnisse:
"airports": [
{
"fs": "JFK",
"iata": "JFK",
"icao": "KJFK",
"faa": "JFK",
"name": "John F. Kennedy International Airport",
"street1": "JFK Airport",
"city": "New York",
"cityCode": "NYC",
"stateCode": "NY",
"postalCode": "11430",
"countryCode": "US",
"countryName": "United States",
"regionName": "North America",
"timeZoneRegionName": "America/New_York",
"weatherZone": "NYZ178",
"localTime": "2017-11-17T09:37:34.462",
"utcOffsetHours": -5,
"latitude": 40.642335,
"longitude": -73.78817,
"elevationFeet": 13,
"classification": 1,
"active": true,
"delayIndexUrl": "https://api.flightstats.com/flex/delayindex/rest/v1/json/airports/JFK?codeType=fs",
"weatherUrl": "https://api.flightstats.com/flex/weather/rest/v1/json/all/JFK?codeType=fs"
}
mehr wie ein CORS Ausgabe sieht für mich –
@RahulSingh ich, dass ich dachte. Können Sie eine Lösung vorschlagen? – JohnDoe
Sie müssen Corss Ursprungsunterstützung dem Server hinzufügen, der Daten sendet, wenn es Ihr lokaler ist, können Sie es selbst machen, sonst müssen Sie den Entwickler dieses API fragen –