angularjs访问webapi总是出现 not allowed access

Question

最近在学习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" />

                这究竟是啥情况？

                有没有人碰到过？
                求解答

Answer 1

跨域问题 http://frabbit2013.blog.51cto.com/1067958/1254285/