问使用angular 7调用外部API

EN

从MDN web文档：

跨域资源共享(CORS)是一种机制，它使用额外的HTTP头告诉浏览器允许在一个源(域)上运行的web应用程序具有从另一个源(域)的服务器访问所选资源的权限。当web应用程序请求的资源的来源(域、协议和端口)与其自身的来源不同时，它会发出跨域HTTP请求。

简而言之，这意味着浏览器正在阻止您的angular应用程序的跨域请求。有一些方法可以规避浏览器的同源策略(即反向代理)，但对于您的情况，最好的方法是使用您自己的后端服务器(即中间件)查询这些CDN，然后使用您的angular应用程序从您自己的后端服务器检索查询的数据。

如果你连接的API支持JSONP，你可以使用JSONP。JSONP是一种绕过Access-Control-Allow-Origin问题的方法，但它必须得到API的支持。

它的工作方式是服务器返回一个封装在名为parseResponse(…)的函数中的响应。然后通过创建标记与API进行通信，其中src指向API调用。当脚本下载时，它执行函数，允许您通过实现所述函数来获取数据。

除此之外，你不能。跨来源预防的全部要点是阻止你做这件事。Angular或任何其他javascript框架都不能帮助您克服这一限制。

您建议为这些请求使用服务器是一种潜在的解决方法，但如果这只是一个概念证明应用程序，那么您可以简单地停用浏览器的跨域策略。

下面是一个chrome扩展，它就是这样做的：

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

在angular中没有破解CORS策略的方法。您必须允许您的ip从后端(服务器)。如果你想在不改变服务器的情况下获取媒体，你必须找到一个公共的apis来获取媒体。