Angular2:使浏览器称为子域上的API

Question

我从 mysite.com

提供Angular2 WebApp

我的WebApp正在从浏览器到Nodejs后端拨打电话。

目前我使用mysite.com/api/调用API。

出于系统体系结构的原因，我希望通过使用子域以不同的方式将API称为：

api.mysite.com/

我如何摆脱跨原始问题？

Answer 1

使用JSONP在这里查看：jsonp：

 import { JsonP } from '@angular/http"; 
 @Injectable()
 export class dataService{
      constructor(jsonp:Jsonp) {
      }
      getData(){
        let url = 'http://api.mysite.com&c=JSONP_CALLBACK';
        jsonp.request(url, { method: 'Get' })
         .map( res => /...);
      }
    }