Laravel Echo 不监听推送事件

Question

尝试用 laravel 和 vuejs 创建一种聊天应用。 发送消息后，我从 laravel 触发事件，该事件反映在具有正确事件类的推送器调试控制台上，但根本不调用来自 vuejs 的侦听回调。

created () {
        window.Echo.channel('chat')
            .listen('MessageSent', (e) => {
                console.log(e); //not getting this
                this.sentMessages.push({
                    message: e.message.message,
                    user: e.user
                });
            });

    },

下面是 pusher 的调试控制台截图 see the image here as am told I can't embed images yet

Answer 1

试试这个：

created () {
        window.Echo.channel('chat')
            .listen('App\\Events\\Chats\\MessageSent', (e) => {
                console.log(e);
                this.sentMessages.push({
                    message: e.message.message,
                    user: e.user
                });
            });

    },

默认情况下，Laravel 将使用事件的类名广播事件。但是，您可以通过在事件上定义一个 broadcastAs 方法来自定义广播名称：

public function broadcastAs()
{
    return 'server.created';
}

以上是从Laravel Broadcast Name复制粘贴的

我的建议：

我一直使用私人频道进行聊天，您也必须这样做。 Read here why