angularjs - 预检响应中的Access-Control-Allow-Headers不允许使用Request头字段

时间:2017-04-07 07:22:50

标签: jquery asp.net angularjs cors preflight

我正在使用lib https://github.com/doedje/jquery.soap/将离子应用程序连接到asmx webservice。但是,我收到了一个错误:

  

XMLHttpRequest无法加载   http://10.10.9.169/UserService3/WebService1.asmxgetUserbyUsername。   请求标头字段不允许使用SOAPAction   预检响应中的Access-Control-Allow-Headers。 jquery.soap.js:456   未捕获错误:意外内容:未定义

这是我的controller.js代码:

$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);
        }
     });
}

我还在webservice的web.config文件中添加了以下内容:

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

我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

错误消息似乎表明请求包含名为SOAPAction的标头。

因此,您似乎需要将该标头名称添加到web.config文件的以下部分:

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