anglejs - プリフライトレスポンスのAccess-Control-Allow-Headersで要求ヘッダーフィールドが許可されていません

Question

私はライブラリhttps://github.com/doedje/jquery.soap/を使用してionicアプリケーションをasmx webserviceに接続しています。しかし、私はエラーを取得しています：

XMLHttpRequest cannot load http://10.10.9.169/UserService3/WebService1.asmxgetUserbyUsername . Request header field SOAPAction is not allowed by Access-Control-Allow-Headers in preflight response. jquery.soap.js:456 Uncaught Error: Unexpected Content: undefined

ここに私のcontroller.jsコードです：私は

<webServices> 
    <protocols> 
    <add name="HttpGet"/> 
    <add name="HttpPost"/> 
    </protocols> 
</webServices> 
<httpHandlers> 
    <add verb="GET,HEAD,POST,OPTIONS" path="*.asmx" type="System.Web.UI.WebServiceHandlerFactory" /> 
</httpHandlers> 

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

アム：

$scope.enterlogin = function(usern,pass) 
{ 
    $.soap({ 
     url: 'http://<webservice's ip address>/UserService3/WebService1.asmx', 
     method: 'getUserbyUsername', 

     data: { 
      uname: usern, 
      passw: pass 
     }, 

     success: function (soapResponse) { 
      console.log('response is = ' + soapResponse); 
     }, 

     error: function (soapResponse) { 
      // show error 
      console.log('response error is = ' + soapResponse); 
     } 
    }); 
} 

私は、Webサービスのweb.configファイルに次のようにもを追加しました何かが欠けている？

Answer 1

エラーメッセージは、要求に名前がSOAPActionのヘッダーが含まれていることを示しているようです。

あなたweb.configファイルの以下の部分にそのヘッダー名を追加する必要があるようなので、それはそうです：

<add name="Access-Control-Allow-Headers" 
    value="SOAPAction, Content-Type, Authorization" />