Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams wss.on('connection', (ws) => { ws.on('message', (message) => { console.log(`Received message: ${message}`); ws.send(`You sent: ${message}`); ws.on('close', () => { console.log('Connection closed'); console.log('WebSocket server is running on port 8080');

It works fine on postman. Messages are being sent and received.

I'm struggling with catching these messages from vue3 perspective.

let socket: WebSocket;
const data = reactive([])
onMounted(() => {
  socket = new WebSocket(
    "ws://localhost:8080/"
  socket.onopen = () => {
    console.log("connected")
  socket.onmessage = (event) => {
    console.log(event.data);
  socket.onerror = (event) => {
    console.log('Socket error');
    console.log(event);
  socket.onclose = (event) => {
    console.log('Socket closed');
    console.log(event);
Vue connects to the websocket, but still it does not see messages sent from postman. Appreciate any hint.
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.