无法收听使用laravel和vue js的推送器专用频道

Question

我已经创建了一个通知系统，所有的设置和它的工作罚款，当我发送通知到推动者。但是当我试图在私人频道上收听时，我会出错。

这是我的bootstrap.js文件laravel-echo代码

    import Echo from 'laravel-echo';

    window.Pusher = require('pusher-js');
    let token = document.head.querySelector('meta[name="csrf-token"]').content;
    window.Echo = new Echo({
        broadcaster: 'pusher',
        key: process.env.MIX_PUSHER_APP_KEY,
        cluster: process.env.MIX_PUSHER_APP_CLUSTER,
        forceTLS: true,
            auth: {
            headers: {
              'X-CSRF-Token': token
            }
          }
      
    });

这是我的主要html的元标记内容

 <meta name="csrf-token" content="{{ csrf_token() }}">
 <meta name="user-id" content="{{Auth::check() ? Auth::user()->api_token:''}}">

以下是在应用程序中侦听的代码。js

let userId = document.head.querySelector('meta[name="user-id"]').content;
Echo.private('App.User.' + userId)
    .notification((notification) => {
        console.log(notification.type);
    });

这是我在控制台上遇到的错误

邮递http://localhost:3000/broadcasting/auth 419（身份不明）

提前谢谢

Answer 1

我想出来了。这是由于BroadcastServiceProvider中的路由设置引起的问题。php

Answer 2

错误代码419由Laravel用于指示您的CSRF令牌无效或丢失。应确保将正确的令牌传递到身份验证终结点。