如何在 Grails websocket 插件中启用跨域请求

Question

我尝试为 Grails 覆盖 spring websocket plugin 的默认配置，如下所示：

@Configuration
@EnableWebSocketMessageBroker
class CorsWebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    @Override
    void configureMessageBroker(MessageBrokerRegistry messageBrokerRegistry) {
        messageBrokerRegistry.enableSimpleBroker "/queue", "/topic"
        messageBrokerRegistry.setApplicationDestinationPrefixes "/app"
    }

    @Override
    void registerStompEndpoints(StompEndpointRegistry stompEndpointRegistry) {
        StompWebSocketEndpointRegistration registration = stompEndpointRegistry.addEndpoint("/stomp")
        registration.setAllowedOrigins('http://localhost', 'http://localhost:8080')
        registration.withSockJS().setSupressCors(false)
    }

   // [...]
}

我也尝试过执行 .setAllowedOrigins('*')，但它仍然无法正常工作。

但是，当我注册我的客户端时，“Access-Control-Allow-Origin”标头从未在 /stomp/info 端点上设置。我总是得到“XMLHttpRequest 无法加载 http://localhost:8080/app/stomp/info。请求的资源上没有 'Access-Control-Allow-Origin' 标头。因此不允许访问 Origin 'http://localhost'。”

Answer 1

我使用来自https://github.com/davidtinker/grails-cors 的信息解决了这个问题。 Grails-cors 插件不适用于 grails 3.x，但在 repo 自述文件中有一些信息。我将在此处复制/粘贴：

此插件不适用于 Grails 3。要在 Grails 3 项目中处理 CORS，您只需在 src/main/java 下的某处创建一个 servlet 过滤器：

@Priority(Integer.MIN_VALUE)
public class CorsFilter extends OncePerRequestFilter {

    public CorsFilter() { }

    @Override
    protected void doFilterInternal(HttpServletRequest req, HttpServletResponse resp, FilterChain chain)
            throws ServletException, IOException {

        String origin = req.getHeader("Origin");

        boolean options = "OPTIONS".equals(req.getMethod());
        if (options) {
            if (origin == null) return;
            resp.addHeader("Access-Control-Allow-Headers", "origin,     authorization, accept, content-type, x-requested-with");
            resp.addHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS");
            resp.addHeader("Access-Control-Max-Age", "3600");
        }

        resp.addHeader("Access-Control-Allow-Origin", origin == null ? "*" : origin);
        resp.addHeader("Access-Control-Allow-Credentials", "true");

        if (!options) chain.doFilter(req, resp);
    }
}

引用grails-app/conf/spring/resources.groovy中的过滤器：

beans = {
     corsFilter(CorsFilter)
}

希望这对某人有所帮助。

Answer 2

我将 grails-3.0.2/grails-spring-websocket-2.0.0 示例应用程序推送到 https://github.com/zyro23/so-30891198，这表明它应该可以工作。

curl -H "Origin: http://localhost:8080" --verbose http://localhost:8080/stomp/info
HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://localhost:8080

curl -H "Origin: http://localhost" --verbose http://localhost:8080/stomp/info
HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://localhost

第二个示例使用 grails-2.5.0/spring-websocket-1.3.0：https://github.com/zyro23/so-30891198-2

curl -H "Origin: http://localhost:8080" --verbose http://localhost:8080/so-30891198-2/stomp/info
HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://localhost:8080

curl -H "Origin: http://localhost" --verbose http://localhost:8080/so-30891198-2/stomp/info
HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://localhost