Pusher：无法从您的 webapp 获取身份验证信息：405 Laravel Vue api

Question

我正在构建一个以 laravel 5.4 作为后端和 vue js 作为前端的水疗中心。我已经设置了 laravel 广播事件，它在 localhost:8000/event 上运行良好。 “事件”是我设置广播的路线......

现在问题是当我将它与我的 vuejs 前端连接时

import Echo from "laravel-echo"
window.Pusher = require('pusher-js');


window.Echo = new Echo({
    broadcaster: 'pusher',
    key: '********************',
    cluster: 'ap2',
    authEndpoint: 'http://localhost:8000/api/user/login',
    encrypted: false
});  

和

created(){
        window.Echo.private('testChannel1')
        .listen('TaskEvent', (e) => {
            console.log(e);
        });
    }

所有这些都在 main.js 文件本身中，我收到此错误

pusher.js?b3eb:593 POST http://localhost:8000/api/user/login 405 (Method Not Allowed)

pusher.js?b3eb:626 Pusher : Couldn't get auth info from your webapp : 405

这里我使用 jwt auth 作为认证系统。我该如何解决这个问题？

Answer 1

您需要在routes/channels.php 中添加

Broadcast::channel('testChannel1', function ($user) {
    return true;
});

您正在收听私人频道，为此您需要定义该私人频道的授权。

当然，您可以将 return 语句更改为您需要的任何套件。

如果您不希望此频道成为私人频道，您可以更改：

window.Echo.private('testChannel1')

到

window.Echo.channel('testChannel1')