プリフライトの応答に無効なHTTPステータスコード405

Question

私はStackOverflowで多くの同様の問題を読んでいますが、解決策は私のためには機能しません。

私は、WCF RESTサービスがあります。

[<OperationContract>]  
    [<WebInvoke(UriTemplate = "PostItem", 
      RequestFormat= WebMessageFormat.Json, 
      ResponseFormat = WebMessageFormat.Json, Method = "POST")>]   

私はポストマン（Chromeの拡張機能）を使用して、それを使用することができます。私は 'urlencoded'ではなく 'raw'としてデータを渡しています。私は200のリターンコードを取得します。私はちょうどポストマンからURLやJSONをコピーした

$http.post('http://192.168.1.65/Service1.svc/restapi/PostItem',     
       { 
    "Address": "г. Москва, ул. Соколово-Мещерская, д.25", 
    ... 
    "User": "" 
     }) 

：

私はangularjsを使用してこのメ​​ソッドを呼び出す必要があります。しかし、私はエラーを取得する：

angular.js:10722 OPTIONS http://192.168.1.65/Service1.svc/restapi/PostItem http://192.168.1.65/Service1.svc/restapi/PostItem . Response for preflight has invalid HTTP status code 405

私は同様の問題を検索しました2つの溶液を発見した：

1. 使用jQueryのヘッダContent-Type': 'application/x-www-form-urlencoded; charset=UTF-8'を設定するが、それは私のWCFサービス
2. では動作しません。私のWeb.Configで

   設定するカスタムヘッダー：

   <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> 
   

それは私を助けません。そして、私はサーバー側でエラーの理由を確認していません。 Postman拡張は、このメソッドを正常に呼び出すことができます。

AngularJSを使用して同じPOST呼び出しを行うにはどうすればよいですか？

更新：ここ

は、OPTIONS要求である：

レビューとレスポンスのタブが空である

アップデート2：

すべてがIEで正常に動作します、しかし動作しませんクロム。

Answer 1

解決策を見つけたようです。私はちょうど2番目の方法を追加しました：

[<OperationContract>]  
[<WebInvoke(UriTemplate = "PostTest", 
     RequestFormat= WebMessageFormat.Json, 
     ResponseFormat = WebMessageFormat.Json, Method = "POST")>]   
abstract PostTest: obj: Test -> unit 

[<OperationContract>]  
[<WebInvoke(UriTemplate = "PostTest", 
     RequestFormat= WebMessageFormat.Json, 
     ResponseFormat = WebMessageFormat.Json, Method = "OPTIONS")>]   
abstract PostTestOptions: unit -> unit 

これは何もしない空の方法です。私はその理由を知らないが、すべてが働いている。

Answer 2

閉鎖された質問でさえ、私はどのような仕事をしたいのですか。

まず、ウェブ上でCORSを有効にする必要があります。（悲しいミハイのように）設定：

<add name="Access-Control-Allow-Headers" value="Content-Type, X-Your-Extra-Header-Key" /> 

そして最後に、オプションを処理するために：あなたはいくつかの余分なHEADERパラメータを持っている

<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> 

場合は、同様に、アクセス制御 - 許可 - ヘッダに追加する必要がありますあなたのアプリケーションクラスに空の応答で返信する必要があります。

protected void Application_BeginRequest() 
{ 
    if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS") 
    { 
     Response.Flush(); 
    } 
} 

Answer 3

これはすでに回答がありますが、私の解決策を得ています。あなたはまずcustomHeadersに

<httpProtocol> 
    <!-- THESE HEADERS ARE IMPORTANT TO WORK WITH CORS --> 
    <customHeaders> 
    <add name="Access-Control-Allow-Origin" value="*" /> 
    <add name="Access-Control-Allow-Methods" value="POST, PUT, DELETE, GET, OPTIONS" /> 
    <add name="Access-Control-Allow-Headers" value="content-Type, accept, origin, X-Requested-With, X-Authentication, name" /> 
    </customHeaders> 
</httpProtocol> 

を追加<remove name="OPTIONSVerbHandler" />

に指示を削除する必要がWeb構成で はその後コメントアウトまたはIISのでOPTIONSverbHandler

<handlers> 
    <remove name="ExtensionlessUrlHandler-Integrated-4.0" /> 
    <!-- <remove name="OPTIONSVerbHandler" /> --> 
    <remove name="TRACEVerbHandler" /> 
    <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /> 
</handlers> 

Answer 4

を除去するための命令を削除いずれかチーム公開IIS CORS module空のメソッドのようなハックはもはや必要ではありません。プリフライトリクエストを含むCORSを適切に処理します。 Web設定で設定することができます：

<?xml version="1.0" encoding="UTF-8"?> 
<configuration> 
    <system.webServer> 
     <cors enabled="true" failUnlistedOrigins="true"> 
      <add origin="*" /> 
      <add origin="https://*.microsoft.com" 
       allowCredentials="true" 
       maxAge="120"> 
       <allowHeaders allowAllRequestedHeaders="true"> 
        <add header="header1" /> 
        <add header="header2" /> 
       </allowHeaders> 
       <allowMethods> 
        <add method="DELETE" /> 
       </allowMethods> 
       <exposeHeaders> 
        <add header="header1" /> 
        <add header="header2" /> 
       </exposeHeaders> 
      </add> 
      <add origin="http://*" allowed="false" /> 
     </cors> 
    </system.webServer> 
</configuration>