Asp.net MVC5 Angular 2の設定

Question

私はAngular 2の初心者です。Angular CLIを使用してAngularプロジェクトを作成しています。別にasp.net MVC Web APIプロジェクトを作成しています。私はlocalhost:65320/api/myservice、十字架からデータをダウンロードする要求を取得する角度のhttp を使用する場合localhost:65320

：localhost:4200

MVCのWeb APIは、このサービスを開始します。このサービスを開始ng serveコマンドに対する角度CLIを使用した

• 起源の問題が発生しました。さまざまなURLを使用している角度のあるプロジェクトです。しかし、私はAccess-Control-Allow-Origin=*にヘッダを追加して問題を解決しています。

  しかし、私は、HTTPを使用する場合ポスト要求常に405 method not allowed問題を返す発生

  質問：

  • がどのようにWeb APIをコントローラ内のクロスオリジンポスト要求を許可するには？
  • Angular CLIで作成したプロジェクトの作業をMVCプロジェクトと一緒に設定する方法は？

  正解：

  のWeb APIのクロスオリジンの問題は、この記事の次のように解決： https://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api#enable-corsは、次の2つの異なる方法でWeb APIでCORSを有効にすることができ@chandermani

Answer 1

によって示唆：

1. Microsoft.AspNet.WebApi.Corsを使用する：チュートリアルhttps://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-apiに従ってください。Chandermaniが指摘されています。

2. あなたのweb.configファイルで、あなたのsystem.webServer要素に以下を追加します。

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