如何在发送事件给pusher时修复POST http://localhost:8000/broadcasting/auth 419 (未知状态)

Question

我正在创建一个与laravel和pusher聊天的应用程序，需要帮助播放来自pusher端点和pusher端点的事件。

经过几个小时的搜索和尝试，我在网上看到的解决方案是在我的头上添加csrf令牌，因为laravel在每个帖子上都需要这个。为了删除错误，我尝试在html中将csrf_token添加到head标记中，但仍然得到POST http://localhost:8000/broadcasting/auth 419 (未知状态)。此外，我还确保正确添加了API凭据。所有这些我都做过，但仍然没有得到。另外，我有一个私有通道，我已经在channels.php中通过使它返回为true来验证它。

这是我的app.js

const app = new Vue({
el: '#app',
data: {
    message: '',
    chat: {
        message:[],
        user:[],
        color:[],
        "_token": "{{ csrf-token() }}"
    },
},

methods: {
    send(){
        if (this.message.length != 0){
            this.chat.message.push(this.message);
            this.chat.user.push("You");
            this.chat.color.push("success");
            axios.post('/send', {
                message : this.message,
              })
              .then(response =>  {
                console.log(response);
                this.message = '';
              })
              .catch(error =>  {
                console.log(error);
              });
        }

    }
},

mounted() {
    Echo.private('private-chat')
        .listen('ChatEvent', (e) => {
            this.chat.message.push(e.message); 
            this.chat.user.push(e.user);
            this.chat.color.push("warning");
            console.log(e);
    });
}

This is my chatController.php

public function send(Request $request)
 {
      return $request->all();
      $user = User::find(Auth::id());
      broadcast (new ChatEvent($request->message, $user));

   }
// Broadcast.js

  import Echo from 'laravel-echo'

window.Pusher = require('pusher-js');

window.Echo = new Echo({
   broadcaster: 'pusher',
   key: 'd2f34886870b9bb0c1cb',
   cluster: 'eu',
   encrypted: true,
});





I expect to have all my events broadcast when users subscribed to the channel but I am getting POST http://localhost:8000/broadcasting/auth 419 (unknown status)

Answer 1

如果您在发送请求时不使用csrf令牌进行安全，则会发生此错误，因此需要将其添加到请求中，方法是将此标记添加到HTML的头部。

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