CORS 阻止来自另一个端口的请求，即使设置了 setAllowedOrigins：STOMP over WebSocket

Question

我努力将我的客户端（或通过 Postman）连接到 websocket 服务器：如果在我尝试连接时收到 404 响应并按照控制台中的提示操作：

Access to XMLHttpRequest at 'http://localhost:8080/ws-endpoint/info?t=1670410538045' from origin 'http://localhost:5050' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

GET http://localhost:8080/ws-endpoint/info?t=1670410538045 net::ERR_FAILED 404

在服务器端，连接时如果得到：

2022-12-07T11:53:13.928+01:00  INFO 16292 --- [nio-8080-exec-1] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring DispatcherServlet 'dispatcherServlet'
2022-12-07T11:53:13.928+01:00  INFO 16292 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : Initializing Servlet 'dispatcherServlet'
2022-12-07T11:53:13.929+01:00  INFO 16292 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : Completed initialization in 1 ms

我在客户端的连接代码（运行在5050端口）：

var socket = new SockJS('http://localhost:8080/ws-endpoint');
    stompClient = Stomp.over(socket);
    stompClient.connect({}, function (frame) {
        console.log('Connected: ' + frame);
        updateNotificationDisplay();
        stompClient.subscribe('/topic/messages', function (message) {
            showMessage(JSON.parse(message.body).content);
        });
...

我在服务器上的配置代码（端口 8080）：

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer{
    @Override
    public void registerStompEndpoints(final StompEndpointRegistry registry) {
        registry.addEndpoint("/ws-endpoint").setAllowedOrigins("*").withSockJS();
    }

    @Override
    public void configureMessageBroker(final MessageBrokerRegistry registry) {
        registry.enableSimpleBroker("/topic");
        registry.setApplicationDestinationPrefixes("/websocket");
    }
}

在 setAllowedOrigins 我试过： * ， http://localhost:5050 ， http://localhost:5050/** ， https://localhost:5050但仍然存在错误。

Answer 1

我找到了解决方案：问题出在 SockJs - 我正在使用它而不是 WebSocket - 切换后，我不再有 cors 的问题并建立了连接