Site not receiving events in prod

I have a site that uses reverb. Events are working just fine on my machine. However, it doesn't receive anything once uploaded to the dev server.

window.addEventListener('DOMContentLoaded', function() {
  window.Echo.channel('makebid')
    .listen('MakeBid', (event) => {
      console.log('bid');
    })

  window.Echo.channel('closeauction')
    .listen('EndAuction', (event) => {
      console.log('end');
    })
});

Nothing got output to console.

Supervisor is set up to run reverb and queue. The logs aren't displaying any errors from reverb. The queue log is showing events running and completing. Browser is able to connect to the websocket.

What else could be causing this? I don't know what else I need to check in order to properly debug this.

EDIT: I was informed elsewhere that there appears to be a connection issue since there are repeated reconnection attempts shown on dev tools. Not sure how to add images here so screenshot here: https://imgur.com/a/BZW9d5Z

And in case there could be an issue with my nginx config: https://docs.google.com/document/d/1_EDmIVutr0Ol1ARw3L8BIdqjsAbd-S8chEzaQbnxd5E/edit?tab=t.0

JussiMannisto

3 days ago

Level 50

Can you describe your production setup?

In local development, your browser typically connects directly to the local Reverb server. In production, you're usually going through Nginx, which handles TLS and proxies traffic to the Reverb server, which only listens on local connections.

Is that the setup you have?

What does the WebSocket connection in your browser's network tab look like (Request URL, Status Code, response headers)?

What do the MakeBid and EndAuction events in Laravel look like, especially their broadcastOn methods?

ninjapeps

8 hours ago

Level 1

Someone on a different forum suggested that there could be a connection issue since there were repeated reconnection attempts every few seconds. Screenshot of dev tools output added to the post.

Please or to participate in this conversation.