ionic2에서 외부 API사용시 ionic serve에서 CORS(Cross-Origin Resource Sharing) 문제로 API 연동이 제대로 안된다.

이 문제를 해결하기 위해,

프로젝트 root에   ionic.config.json   파일을 열어서

{
  "name": "ionic2-app-base",
  "app_id": "",
  "typescript": true,
  "v2": true,
   "proxies": [
    {
      "path": "/api",
      "proxyUrl": "https://api.apiURL.com"
    }  
  ]
}

proxies 부분을 추가하고, 사용할 도메인을 proxyUrl에 세팅한 다음

getData() {
    return this.http.get('/api/api.php').map(res => res.json());
  }

실제 API연동 소스 부분에 다음과 같이 사용하면 CORS문제를 해결할 수 있다.

*** device에서 실행하거나 build할 경우 proxy가 적용 안되네요. 실제 build시에는 Full URI로 수정하고 하셔야됩니다.