Angular-JS cors请求无法到达服务器

Question

我有一个正确配置CORS的spring MVC API后端，当我尝试进行ajax调用时，我在chrome中遇到以下错误

XMLHttpRequest无法加载172.20.16.45:8082/Cuponza.请求被重定向到“172.20.16.45:8082/Cuponza/”，这对于需要预飞行的跨原点请求是不允许的。

    $scope.sendRegistrationForm = function(){
        var config = {headers:  {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods' : 'GET,OPTIONS',
        'Access-Control-Allow-Headers' : 'X-Requested-With, Content-Type',
        'Content-Type' : 'text/plain',
        'Accept-Language' : 'en-US'
    }
};
        $http.get("172.20.16.45:8082/cuponza",config).
    success(function(data){
            alert(data);
        }).
        error(function(data,status){
            alert(status);
        })
        }

我试着用标志-disable-web-security启动chrome,通过这样做,我能够看到我的服务器端的CorsFilter正常工作,我也从服务器得到了正确的响应,这就是为什么我肯定我的错误是在客户端。当正常启动chrome时，服务器上的过滤器甚至从未启动。

更新：当我删除带有cors头的config对象时，我会得到以下错误

    XMLHttpRequest cannot load 172.20.16.45:8082/cuponza

. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '
    localhost:8100' is therefore not allowed access

更新II im显示chrome显示的请求：正常启动chrome：

Answer 1

solutions是两个fold，在前端中必须添加一个空的配置对象，如下所示

var config={}；然后将其添加到angular调用$http.post（url.config）中；这样做的原因是，在没有空配置对象的情况下，angular将方法类型设置为POST并检查筛选器，以查看内容类型是否为text/plain，而它不是，因为它在默认情况下没有设置，如果发送空参数，angular将方法设置为option，并将不同的逻辑应用于筛选器。

在web.xml中，必须在过滤器设置中添加以下头：access-control-allow-origin到允许的头，如下所示

<init-param>
        <param-name>cors.allowed.headers</param-name>
        <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,access-control-allow-origin</param-value>
    </init-param>

有了这个，你的tomcat就准备好了