Angular 2 Fehler Http

Question

Guten Morgen, Ich versuche, Daten aus einer Datenbank von einer externen Seite zu lesen:

'http://bicicardpruebas.itcl.es/prodwservice/api/instalacion/1'

Ich habe einen Dienst, der dieses hat:

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/throw'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class Ganado2Service { 

    private url: string = 'http://bicicardpruebas.itcl.es/prodwservice/api/instalacion' 

    constructor(private http: Http) { } 

    getCiudad(id: string): Observable<String> { 
     let ciudad: String = null; 
     return this.http.get(this.url + '/' + id) 
      .map(response => { 
       let dbCiudad: any = response.json(); 
       ciudad = dbCiudad.id; 
       return ciudad; 
      }) 
      .catch(this.handleError); 
    } 

    handleError(error: any) { 
     let errMsg = (error.message) ? error.message : 
     error.status ? `${error.status} - ${error.statusText}` : 'Server error'; 
    console.error(errMsg); 
    return Observable.throw(errMsg); 
    } 
} 

Und ich habe eine Komponente, die das hat:

Wh de Ich führe den Fehler auf der Konsole aus:

Fehler beim Laden http://bicicardpruebas.itcl.es/prodwservice/api/instalacion/1: Auf der angeforderten Ressource ist kein Header 'Access-Control-Allow-Origin' vorhanden. Origin 'http://localhost:4200' ist daher nicht erlaubt.

Was könnte das Problem sein?

Answer 1

Die angeforderte URL erlaubt keine Querursprungsanforderung. Das bedeutet, dass nur Seiten aus der gleichen Domäne kann Anfrage zu dieser URL machen. Dafür Ihr Browser stoppt. Wenn Sie die cli verwenden, können Sie es verwenden, um einen lokalen Proxy zu erstellen. https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md.