ИСКЛЮЧЕНИЕ: Ответ со статусом: 0 для URL: null в angular2

Я получаю следующее исключение, когда пытаюсь подключиться к удаленному API, используя anguar2 http. Также мой веб-сервер получает запрос и отвечает правильно.

Я могу сделать успешный запрос на завивку на локальном сервере.

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 || { };
}

Ответ 1

Надеюсь, это поможет кому-то.

Проблема заключалась в определении ресурсов. Когда я пытаюсь подключиться к удаленному ресурсу с помощью angular2 http.get, я получал следующую ошибку

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

FIX:

Поскольку я использую flask-restful для создания удаленного API, ниже исправлено решение моей проблемы

from flask_restful.utils import cors
from flask_restful import Api

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

Полный исходный код будет доступен здесь: inventory-manager

Ответ 2

У меня была такая же ошибка с приложением MEAN2. Все, что мне нужно было сделать, это установить CORS промежуточное программное обеспечение и использовать его с помощью express.

Ответ 3

Проблема с сервером недоступна, возможно, CORS или сервер опустился.