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 => /...);
      }
    }