Angular 2打字稿-启用CORS标头'Access-Control-Allow-Origin'

Question

我在本地主机上运行了Angular 2打字稿应用程序。 我必须在应用程序中访问外部REST API。 每当我尝试访问时，都会出现此错误

跨域请求被阻止：“相同来源策略”不允许读取***处的远程资源。 （原因：CORS标头“ Access-Control-Allow-Origin”缺失）。

解决此问题的最佳解决方案是什么。 我不想使用任何插件/插件。 我不认为这个包可以用于Angular 2 Typescript应用程序。它用于express.js

npm install cors --save 

如何为整个项目/应用程序使用打字稿设置此CORS标头“ Access-Control-Allow-Origin”？ 我需要在以下代码中的何处添加此标头？

var request = new XMLHttpRequest();
   let myurl='http://remoteIP/api';
request.open('GET', myurl, true);
request.responseType = 'blob';
request.onload = function() {
    var reader = new FileReader();
    reader.readAsDataURL(request.response);
    reader.onload = (e) => {
        console.log('DataURL:', reader.result);
    };
};
request.send();

Answer 1

承载该API的服务器需要启用CORS。 这是客户端语言的限制-它们通过浏览器发出这些REST请求。 浏览器会将您提供的任何模拟来源标头更改为实际网站的标头。

对于服务器端语言，例如PHP甚至nodeJS / expressJS，这不是问题。