VUE搭配Laravel Echo使用时Private频道无回调问题求助

日志说明 #

你输出的两条Pusher日志并非错误：

Pusher : : ["Event recd",{"event":"pusher_internal:subscription_succeeded","channel":"private-chat","data":{}}]
Pusher : : ["No callbacks on private-chat for pusher:subscription_succeeded"]

第一条代表私有频道private-chat已经订阅成功，第二条只是提示你没有为pusher:subscription_succeeded这个系统事件绑定回调，完全不影响业务事件的监听。你无法接收到消息是以下配置问题导致： #

修复方案 #

1. 前端监听自定义事件添加.前缀 #

你在后端事件类中通过broadcastAs方法自定义了事件名messageSent，Laravel Echo默认会为事件名追加命名空间前缀，要匹配自定义事件名需要在监听时添加.前缀跳过自动前缀拼接，修改Vue中的监听代码：

window.Echo.private(`chat`).listen(".messageSent", e => {
    console.log(e);
});

2. 确认广播服务提供者已启用 #

打开config/app.php文件，找到providers数组，确认App\Providers\BroadcastServiceProvider::class已经取消注释，处于启用状态。

3. 确认私有频道授权规则已配置 #

私有频道需要在routes/channels.php中定义授权逻辑，示例配置如下：

Broadcast::channel('chat', function ($user) {
    // 此处替换为你自己的权限校验逻辑，返回true代表允许用户订阅频道
    return auth()->check();
});

从你提供的订阅成功日志来看，你已经完成了这一步配置，可跳过校验。

4. 校验配置项与队列服务 #

• 检查.env文件中BROADCAST_DRIVER的值为pusher，Pusher相关的ID、密钥、集群配置前后端一致，修改配置后需要重启Laravel服务。
• 修改.env中MIX_开头的变量后，需要重新编译前端资源：npm run dev 或 npm run build
• 如果你的队列驱动不是sync，需要启动队列 worker 处理广播任务：php artisan queue:work

内容的提问来源于stack exchange，提问作者Robin Singh