javascript - Getting 403 Forbidden laravel broadcasting/auth

Question

Hey guys i been debugging for long but still can't fix the problem. I get 403 Forbidden laravel broadcasting/auth using pusherjs for private channel. on pusher dashboard logs i can see the event but on browser not firing the event.

frontend code reactjs

const enablePusher = () => {
    var pusher = new Pusher('XXXXXXXXXXXXXX', {
        cluster: 'mt1',
        authEndpoint: Setting.BASE_URL + '/broadcasting/auth',
        auth: {
            headers: {
                Authorization: 'Bearer ' + localStorage.getItem('token'),
            },
        },
    })

    var channel = pusher.subscribe(`private-mc-chat-conversation.${conversation.id}`)
    channel.bind('.Musonza\Chat\Eventing\MessageWasSent', data => {
        console.log(JSON.stringify(data))
    })
}

BroadcastServiceProvider.php

Broadcast::routes(['middleware' => ['auth:api']]);

Channels.php

Broadcast::channel('presence-mc-chat-conversation.{conversationId}', function ($user) {
return ['id' => $user->id, 'name' => $user->name];

});

question from:https://stackoverflow.com/questions/65900913/getting-403-forbidden-laravel-broadcasting-auth

Answer 1

Waitting for answers