Eu sei que é um problema do CORS. Eu habilitei cors no lado da API do servidor da API. O método Get está funcionando bem, mas ao lidar com o método post, estou enfrentando um problema. Por favor, alguém me responda com um exemplo de post muito simples, tanto na API quanto no lado do cliente. Com explicação de como lidar com preflight, opções etc.

Console

1) zone.js: 2935 OPÇÕEShttp: // localhost: 49975 / api / Add_Client_ / postgoals 404 não encontrado)

2) Falha ao carregarhttp: // localhost: 49975 / api / Add_Client_ / postgoals: A resposta para a comprovação possui o código de status HTTP 404 inválido.

web.config

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*"/>
    <add name="Access-Control-Allow-Headers" value="Origin, Content-Type, X-Auth-Token"/>
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
    <add name="Content-Type" value="application/json"/>

    <add name="Access-Control-Allow-Credentials" value="true" />
  </customHeaders>
</httpProtocol>

Método Angular Post

    save_Goals(){

  let headers : Headers= new Headers();
  //headers.append('Content-Type','application/x-www-form-urlencoded');
  //headers.append("Access-Control-Allow-Origin","true");
  headers.append('Content-Type', 'application/json');

  headers.append('Access-Control-Allow-Origin','*');
  headers.append('Access-Control-Allow-Methods','GET,PUT,POST,DELETE');
  headers.append('Access-Control-Allow-Headers','Content-Type');

  let options = new RequestOptions({ headers: headers });

    return this._http.post('http://localhost:49975/api/Add_Client_/postgoals', {goal:'foo'},options)
   .map(res =>  res.json());
  }

Obrigado!