首页 > 解决方案 > 如何使用广播身份验证修复 419 错误

问题描述

在我的 Laravel Framework 5.7 / Vuejs 2.6 中,我使用 jwt.auth 并安装 pusher

我检查了我的页面https://imgur.com/a/CveJ6jh的 xsfr 令牌,但在http://local/broadcasting/auth请求中出现 419 错误并打开此 url 的响应我看到页面过期消息。
在 app/Events/NewMessage.php :

<?php

namespace App\Events;

use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use App\Message;

class NewMessage
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $message;
    /**
     * Create a new event instance.
     *
     * @return void
     */
    public function __construct(Message $message)
    {
        $this->message= $message;
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        return new PrivateChannel('messages.'.$this->message->to);
    }
    public function broadcastWith()
    {
        return ['messages' => $this->message];
    }

}

在 routes/channels.php 中:

Broadcast::channel('messages.{id}', function ($user, $id) {
    dd($user->id, $id);
    return (int) $user->id === (int) $id;
});

但我没有从上面看到任何调试信息。

我使用了之前应用程序中的推送器参数。我想他们一定没问题。否则我会有不同的错误?

在 vue 组件中:

mounted() {
    Echo.private(`messages.${this.customerRow.id}`)
        .listen('NewMessage', (e) => {
            this.hanleIncoming(e.message);
        });

我错过了什么 ?

谢谢!

标签: laravel-5broadcastpusher

解决方案


这个错误的原因是 Laravel 需要一个 CSRF token

你有两个选择:

  1. 包括 CSRF 令牌(更好的安全性)
  2. 禁用此 URL 的 CSRF

推荐阅读