Авторизация вещательного канала в SPA - PullRequest
Новая
       15

Авторизация вещательного канала в SPA

0 голосов
/ 07 апреля 2019

Мой проект разделен на два приложения: клиентское приложение vue и серверное api-приложение rest на стороне laravel. Я раскомментировал App\Providers\BroadcastServiceProvider::class, в файле config/app.php.

Маршрут авторизации вещания по умолчанию: /broadcasting/auth. Поскольку к нему применено промежуточное программное обеспечение web, он показывает 419 из-за проблемы CSRF. Так что в BroadcastServiceProvider я изменил это: 

Broadcast::routes();

к этому: 

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

Но теперь проблема заключается в том, что всякий раз, когда я посещаю свое клиентское приложение, я получаю следующую ошибку в консоли:

GET http://localhost:8000/v1/login 405 (метод не разрешен)

Как мне это исправить?

Моя клиентская конфигурация: 

window.Echo = new Echo({
    authEndpoint: 'http://localhost:8000/broadcasting/auth',
    broadcaster: 'pusher',
    key: 'anyKey',
    wsHost: window.location.hostname,
    wsPort: 6001,
    disableStats: true
});

window.Echo.private('test.1').listen('TestUpdated', (e) => {
    /*eslint-disable no-console*/
    console.log(e);
});

1 Ответ

0 голосов
/ 07 апреля 2019

Это то, что я сделал в моем файле маршрутов api.php: 

Route::post('/broadcast',function (Request $request){
    $pusher = new Pusher\Pusher(env('PUSHER_APP_KEY'),env('PUSHER_APP_SECRET'), env('PUSHER_APP_ID'));
    return $pusher->socket_auth($request->request->get('channel_name'),$request->request->get('socket_id'));
});

Затем я изменил authEndpoint на этот маршрут в клиентском приложении: 

window.Echo = new Echo({
    authEndpoint: 'http://localhost:8000/broadcast',
    ...
}
...