java - 跨域 JQuery AJAX POST 在 OPTIONS 返回 200 后未完成

Question

我有一个嵌入式 Jetty v9.2.10 服务器，其中设置了跨源过滤器 (org.eclipse.jetty.servlets.CrossOriginFilter)。服务器上有一个 REST 服务，我正在尝试使用 jQuery 发布到该服务。 POST 尝试到达 Firefox 中的 OPTIONS 请求；交换过程如下:

请求 header

Host: localhost:8402
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:39.0) Gecko/20100101 Firefox/39.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Origin: http://localhost
Access-Control-Request-Method: POST
Access-Control-Request-Headers: content-type
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

响应 header

Allow: HEAD, POST, GET, OPTIONS
Content-Length: 24
Content-Type: text/plain
Date: Wed, 12 Aug 2015 00:57:35 GMT
Expires: Thu, 01 Jan 1970 00:00:00 GMT
Server: Jetty(9.2.10.v20150310)

(值得注意的是，我期望在响应中出现的访问控制 header 都没有。)如果我在 Chrome 中尝试它，它的网络调试器告诉我对 OPTIONS 请求的响应是不安全的，所以我甚至看不到返回的内容，但这可能是一个单独的问题。

这是发出请求的 JavaScript:

    $(document).ready(function(){
        var queryString = URI.parseQuery(URI(window.location.href).search()); 
        var cred = "/*a really long token*/";
        $.ajax({
                type: "POST",
                url: "https://localhost:8402/api/v1/resource/agent/" + queryString.agentId + "/connector?token=" + cred,
                data: {
                    //some JSON
                },
                success: function(data,status){
                    alert("Response: " + data + "\nStatus: " + status);
                },
                crossDomain: true,
                contentType: 'application/json'
        });
    });

这是我在服务器上设置 CORS 过滤器的方法:

private void addCorsFilter(ServletContextHandler servletHandler)
{
    FilterHolder corsFilter = servletHandler.addFilter(CrossOriginFilter.class, "/*", EnumSet.allOf(DispatcherType.class));
    // this string is set to "http(s?)://localhost*" as I have everything running locally right now, but setting to "*" doesn't make a difference
    String studioDomain = environmentVariableReader.read(Constants.Env.STUDIO_DOMAIN);
    corsFilter.setInitParameter(CrossOriginFilter.ALLOWED_ORIGINS_PARAM, studioDomain);
    corsFilter.setInitParameter(CrossOriginFilter.ACCESS_CONTROL_ALLOW_ORIGIN_HEADER, "*");
    corsFilter.setInitParameter(CrossOriginFilter.ALLOWED_METHODS_PARAM, "GET,POST,HEAD,PUT,OPTIONS");
    corsFilter.setInitParameter(CrossOriginFilter.ALLOWED_HEADERS_PARAM, "X-Requested-With,Content-Type,Accept,Origin");
    corsFilter.setInitParameter(CrossOriginFilter.ACCESS_CONTROL_ALLOW_CREDENTIALS_HEADER, "true");
    logger.info("cross-origin filter allowing {}", studioDomain);
}

我已经尝试使用两个答案 here 中的说明设置 CrossOriginFilter --以及对许多字段进行通配符处理--但大多数配置都会给我相同的结果。如果有帮助，我可以提供相关的 Jetty 日志。

Answer 1

原来问题与这里的任何事情都无关。过滤实际上是由 Guice 处理的，只有在它通过它知道的过滤器并尝试使用它注入(inject)的 servlet 为请求提供服务之后，它才会委托(delegate)给 Jetty 的过滤器链。我不知道这一点，所以我没有将 CrossOriginFilter 添加到 Guice 的 ServletModule。因此，Guice 尝试使用它注入(inject)的 RESTEasy 调度程序 servlet 为请求提供服务(因此响应看起来像默认的 HttpServlet.doOptions())并且不会使用 Jetty 的过滤器链，因为请求已维修。