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，這不是問題。