通过Nuxtjs中的Laravel Echo获取实时Pusherjs连接状态

module.exports = {
  // ...
  modules: [
    // ...
    '@nuxtjs/laravel-echo',
  ],
  echo: {
    broadcaster: 'pusher',
    key: 'YOUR_PUSHER_APP_KEY',
    cluster: 'YOUR_PUSHER_APP_CLUSTER',
    encrypted: true,
  },
  // ...
}

import Echo from 'laravel-echo'

export default {
  // ...
  mounted() {
    this.echo = new Echo({
      broadcaster: 'pusher',
      key: 'YOUR_PUSHER_APP_KEY',
      cluster: 'YOUR_PUSHER_APP_CLUSTER',
      encrypted: true,
    })

    // 监听连接状态变化
    this.echo.connector.socket.on('connect', () => {
      console.log('Connected to Pusher')
    })

    this.echo.connector.socket.on('disconnect', () => {
      console.log('Disconnected from Pusher')
    })
  },
  // ...
}