异常：angular2中URL:null的状态为0的响应

当我尝试使用Anguar2HTTP连接到远程API时，出现以下异常。此外，我的web服务器正在接收请求并正确响应

我能够向本地服务器发出成功的curl请求

EXCEPTION: Response with status: 0 for URL: null

服务台

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

getAllProducts（）：可观察{
返回this.http.get（this.productUrl）
.map（此.extractData）
}
私有数据（res:Response）{
让body=res.json（）；
控制台日志（正文）
返回body.data |{}；
}

希望这能帮助别人

问题在于资源定义。当我试图使用angular2

http.get

连接到远程资源时，我遇到以下错误

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

修正：

当我使用

flaskrestful

构建远程API时，下面的补丁解决了我的问题

from flask_restful.utils import cors
from flask_restful import Api

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

---

---

完整的源代码将在此处提供：

我在MEAN2应用程序中遇到了相同的错误。我所要做的就是安装中间件并与express一起使用

服务器不可用问题，可能是CORS或服务器停机

不确定，但如果可行，试着去做。。Chang>

从可观察到可观察

和

返回body.data |{}返回body | |{}

没有运气，仍然得到相同的异常。我相信这与我从服务器得到的响应有关，“Api”在哪里？我应该导入什么库？你需要像这样从flask\u restful导入Api从flask\u restful导入Api中导入它，你可以在这里检查完整的源代码，伙计，你有疑问地说你正在尝试访问自己的服务器，但没有成功你使用了cors，为什么？您是否在自己的服务器上实现了阻止跨源请求？Buddy我用express制作了我自己的服务器api（平均应用程序），但出现了相同的错误，没有运气安装和使用cors中间件时出现相同的错误，没有运气，你能给出一个工作示例吗？你应该用你的代码发布一个新问题。已经发布的问题，看一看@blackHawk链接已经失效了它的旧链接，我可能已经删除了，在这种情况下我使用了错误的url，这就是为什么我收到了这个问题这不是一个特别有用的答案，因为这个问题是在8个月前提出的，并且已经有了一个公认的答案。@Claies，虽然它有一个公认的答案，但这个问题更一般！接受的答案可能无法解决每个访问用户的问题。@AshishRanjan，也许，但这并不能提供答案或任何可行的解决方案。这是一个理论，充其量只是一个评论。同意，应该是一个评论。他没有提供后端技术