解决WebSocket客户端跨域连接Spring WebSocket服务器的问题-java教程-PHP中文网

解决WebSocket客户端跨域连接Spring WebSocket服务器的问题

DDD

发布： 2025-10-02 17:09:07

原创

339人浏览过

解决websocket客户端跨域连接spring websocket服务器的问题

本文旨在帮助开发者解决WebSocket客户端无法从不同端口连接到Java Spring WebSocket服务器的问题。通常，这是由于浏览器的同源策略限制导致的跨域问题。通过配置Spring WebSocket服务器允许跨域请求，可以轻松解决此问题，使得客户端能够从任何源连接到WebSocket服务器。

在开发WebSocket应用时，客户端和服务器通常需要建立持久连接进行实时数据交换。然而，当WebSocket客户端尝试从与服务器不同的端口或域名建立连接时，可能会遇到跨域问题，导致连接失败。这主要是由于浏览器的安全策略（同源策略）阻止了跨域的WebSocket连接。

解决跨域问题

要解决这个问题，需要在Spring WebSocket服务器端配置允许跨域请求。具体做法是在WebSocketHandlerRegistry中，使用setAllowedOrigins("*")方法允许来自任何源的连接。

修改WebSocketConfig.java文件，如下所示：

// WebSocketConfig.java
@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer  {
    @Autowired
    SocketTextHandler socketTextHandler;

    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(socketTextHandler, "/sockets").setAllowedOrigins("*");
    }
}

登录后复制

代码解释：

AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

查看详情

setAllowedOrigins("*"): 允许所有来源的WebSocket连接。在生产环境中，为了安全起见，建议将 "*" 替换为具体的允许连接的域名或端口，例如：setAllowedOrigins("http://localhost:3000")。

注意事项：

安全性： 在生产环境中，使用setAllowedOrigins("*")可能会带来安全风险，因为它允许任何来源的连接。建议根据实际需求，精确设置允许的来源。
CORS配置： 除了WebSocket，你的Spring Boot应用可能还需要处理HTTP请求。确保你的CORS配置也允许来自客户端的跨域请求。可以使用@CrossOrigin注解或者全局CORS配置来处理HTTP跨域问题。
测试： 修改配置后，重新启动Spring Boot应用，并确保客户端能够成功连接到WebSocket服务器。

客户端代码示例

客户端代码（例如，在index.html中）保持不变：

<html>
  <body>
    Hello
    <script>
      console.log('start');
      const ws = new WebSocket('ws://localhost:8080/sockets');
      ws.onopen = function(evt) {
        console.log('onopen', evt);
      }
      ws.onerror = function(evt) {
        console.log('onerror', evt);
      }
      console.log('done');
   </script>
  </body>
</html>

登录后复制

确保客户端代码中的WebSocket URL指向正确的服务器地址和端口。