如何在 nuxt-socket.io 上从客户端到服务器发出事件

Question

im learning to use Nuxt in the past i have worked with socket.io and vue but this time i am using nuxt-socket-io https://nuxt-socket-io.netlify.app/

My problem is that I cannot send events from client to server

here an example:

in socket-io-server.js

io.emit ("eventTry")

at homepage.vue

mounted () {

     this.socket = this. $ nuxtSocket ({
       name: "main",
     });

     this.socket.on ("eventTry", () => {
         console.log ("this Work Good");
     })

   },

and this works fine

but when I try to send from the client to the server nothing works example:

at homepage.vue

this.socket.emit ("eventTryClient");

and in socket-io-serve.js:

io.on ("eventTryClient", () => {
         console.log ("something should happen here")
     })

and this DONT WORK

I've really looked everywhere and I can't find a solution to this problem that should be so simple, could someone help me? I need to have a bidirectional communication, which is the best of socket.io I think

Thanks in advance for your help <3

Answer 1

You need to listen for events on the socket . Listening on a namespace, eg your io variable, won't actually listen to events sent by the client. More info here , although it doesn't explicitly state to listen on the client socket.