laravel - Vue と Laravel API のプッシャーが機能しない

Question

Vue SPA と Laravel を使用しています。私は何時間もグーグルで検索し、多くのことを試しましたが、それを機能させる方法が見つかりません。

私index.htmlが持っている

<meta name="csrf-token" content="{{ csrf_token() }}"> 

これは私の購読方法です：

subscribe() {
  let pusher = new Pusher('key', {
    cluster: 'ap1',
    encrypted: true,
    authEndpoint: 'https://api_url/broadcasting/auth',
    auth: {
      headers: {
        'X-CSRF-Token': document.head.querySelector(
          'meta[name="csrf-token"]'
        )
      }
    }
  })
  let channel = pusher.subscribe(
    'private-user.login.' + this.user.company_id
  )
  channel.bind('UserLogin', data => {
    console.log(data)
  })
}

次のような 419 エラーが表示されます。

そこに気付かなかった場合、私はプライベート チャンネルを聴こうとしています。