title: angularCLI Access-Control-Allow-Origin Multiple Origin Domains
body: <p>Error>>>> XMLHttpRequest cannot load <a href="http://localhost:60712/api/Default" rel="nofollow noreferrer">http://localhost:60712/api/Default</a>. Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.</p>
  
  <p>running ng serve   <a href="http://localhost:4200/" rel="nofollow noreferrer">http://localhost:4200/</a></p>
  
  <p>Not sure what to do.  I just want to test for local development.</p>
  
  <p>I did the npm install ember-cli-cors
  I added Cors to mvc project.
  my headers in my angularCli project looks like</p>
  
  <p>let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 'Access-Control-Allow-Origin': '*',
  'Access-Control-Allow-Credentials': 'false','Access-Control-Allow-Methods': 'GET,HEAD,OPTIONS,POST,PUT',
              'Access-Control-Allow-Headers': 'Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Content-Type' });</p>
  
  <pre><code>    let options = new RequestOptions({ headers: headers });
      return this._http.get(this._data, options)
          .map((response: Response) =&gt; &lt;any[]&gt;response.json())
           .catch((error: any) =&gt; Observable.throw(error.json().error ))//|| this.showError()
              .do(data =&gt; console.log('List: ' + JSON.stringify(data)));
  </code></pre>