java websocket推送消息到vue3

Java WebSocket是JavaEE7中新增的一个API，它提供了一种标准化的方式来创建基于WebSocket协议的应用程序。Vue3是一个流行的JavaScript框架，它可以通过WebSocket接收服务器发送的实时消息。

以下是Java WebSocket推送消息到Vue3的基本步骤：
1. 在Java中创建WebSocket服务器，使用javax.websocket.server.ServerEndpoint注解标记WebSocket服务器类。
2. 在Vue3中使用WebSocket API连接到Java WebSocket服务器，接收服务器发送的消息。
3. 在Java WebSocket服务器中，使用javax.websocket.Session对象向WebSocket客户端发送消息。

下面是示例代码：

Java WebSocket服务器代码：

@ServerEndpoint("/websocket")
public class WebSocketServer {

    @OnOpen
    public void onOpen(Session session) {
        // 新客户端连接时触发
    }

    @OnMessage
    public void onMessage(String message, Session session) {
        // 接收客户端发送的消息
    }

    @OnClose
    public void onClose(Session session) {
        // 客户端关闭连接时触发
    }

    @OnError
    public void onError(Session session, Throwable error) {
        // 发生错误时触发
    }

    public void sendMessage(Session session, String message) throws IOException {
        session.getBasicRemote().sendText(message);
    }
}

Vue3代码：

const socket = new WebSocket('ws://localhost:8080/websocket');

socket.onopen = function() {
  console.log('WebSocket连接成功');
};

socket.onmessage = function(event) {
  console.log('收到服务器发送的消息：', event.data);
};

socket.onclose = function() {
  console.log('WebSocket连接关闭');
};

socket.onerror = function() {
  console.error('WebSocket连接错误');
};

请注意，这只是一个简单的示例，实际应用中还需要考虑许多细节和安全问题。