最近在学习angularjs,尝试通过调用webapi的时候,直接
$http({
method: "get",
url: "http://localhost:301/api/basic/get",
dataType: 'JSONP'
}).success(function (resultdata) {
return resultdata ;
}).error(function (error) {
});
这样子调用,是没有问题的。
一旦尝试增加一个header的设置,就会出现错误。如下所示:
$http({
method: "get",
url: "http://localhost:301/api/basic/get",
dataType: 'JSONP'
,headers:{'Authorization':'Basic dHp5OjEyMw=='}
}).success(function (resultdata) {
return resultdata ;
}).error(function (error) {
});
出现的错误信息是:
XMLHttpRequest cannot load http://localhost:301/api/basic/get. The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:400, *', but only one is allowed. Origin 'http://localhost:400' is therefore not allowed access.
我的web.config中的设置,已经增加了
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
<add name="Access-Control-Request-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
这究竟是啥情况?
有没有人碰到过?
求解答