ECCEZIONE: Risposta con stato: 0 per URL: null in angular2

Question

Seguo un'eccezione, quando cerco di connettermi all'API remota utilizzando anguar2 http. Anche il mio server web sta ricevendo la richiesta e risponde correttamente.

Sono in grado di eseguire una richiesta di arricciamento sul server locale.

EXCEPTION: Response with status: 0 for URL: null 

service.ts

getAllProducts(): Observable<string> { 
     return this.http.get(this.productUrl) 
     .map(this.extractData) 
} 

private extractData(res: Response) { 
    let body = res.json(); 
    console.log(body) 
    return body.data || { }; 
} 

Answer 1

auguriamo che questo aiuta qualcuno.

Il problema era con la definizione della risorsa. Quando sto cercando di connettersi alla risorsa remota utilizzando angular2 http.get, mi stavo seguente errore

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at … 

FIX:

Come sto usando flask-restful per costruire API a distanza, sotto correzione risolto il mio problema

from flask_restful.utils import cors 
from flask_restful import Api 

api = Api(app, decorators=[cors.crossdomain(origin='*')]) 

codice sorgente completo sarà disponibile qui: inventory-manager

Answer 2

ho avuto lo stesso errore con un app MEAN2. Tutto quello che dovevo fare era installare il middleware CORS e usarlo con express.

Answer 3

Problema di server non disponibile, potrebbe essere CORS o server andato giù.