laravel echo此路由不支持POST方法

Question

所以我试图连接到一个私人频道使用Laravel回声。我能够连接到一个公共通道，但我得到的问题验证（用正确的承载令牌登录）私人通道-得到以下错误从laravel-echo-server start

L A R A V E L  E C H O  S E R V E R

version 1.6.2

⚠ Starting server in DEV mode...

✔  Running at localhost on port 6001
✔  Channels are ready.
✔  Listening for http events...
✔  Listening for redis events...

Server ready!

[10:58:39 PM] - Preparing authentication request to: https://example.co.uk
[10:58:39 PM] - Sending auth request to: https://example.co.uk/api/broadcasting/auth/

⚠ [10:58:39 PM] - K1cJaXs7jWMBNpF9AAAA could not be authenticated to private-sonect_database_user.2
{"errors":{"message":"The POST method is not supported for this route. Supported methods: GET, HEAD."}}
Client can not be authenticated, got HTTP status 401

我被不支持POST方法的错误弄糊涂了，因为所有的POST、PUT、PATCH和DELETE都在我的Laravel项目中工作。此外，我能够击中https://example.co.uk/api/broadcasting/auth/使用Postman与POST请求。

下面是一个php artisan route:list的示例

| Domain | Method        | URI                                           | Name                              | Action                                                                    | Middleware   |
|        | GET|POST|HEAD | api/broadcasting/auth                         |                                   | Illuminate\Broadcasting\BroadcastController@authenticate                  | auth:api     |

游戏事件。php

namespace App\Events;

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

class PlayerEvent implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $user;

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

    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        return new PrivateChannel('user.' . $this->user->id);
    }

    /**
     * The event's broadcast name.
     *
     * @return string
     */
    public function broadcastAs()
    {
        return 'PlayerEvent';
    }

    /**
     * The event's broadcast name.
     *
     * @return array
     */
    public function broadcastWith()
    {
        return ['message' => 'Hello world'];
    }

}

BroadcaseServiceProvider。php

    public function boot()
    {
        Broadcast::routes(["prefix" => "api", "middleware" => "auth:api"]);

        require base_path('routes/channels.php');
    }

配置/app.php

        /*
         * Application Service Providers...
         */
        App\Providers\AppServiceProvider::class,
        App\Providers\AuthServiceProvider::class,
        App\Providers\BroadcastServiceProvider::class,
        App\Providers\EventServiceProvider::class,
        App\Providers\RouteServiceProvider::class,

路线/频道。php

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

laravel-echo-server.json

{
    "authHost": "https://example.co.uk",
    "authEndpoint": "/api/broadcasting/auth/",
    "clients": [
        {
            "appId": "4cb2c72910d85007",
            "key": "d3af62258887434b9900b89a937cb7f7"
        }
    ],
    "database": "redis",
    "databaseConfig": {
        "redis": {},
        "sqlite": {
            "databasePath": "/database/laravel-echo-server.sqlite"
        },
        "publishPresence": true
    },
    "devMode": true,
    "host": null,
    "port": "6001",
    "protocol": "https",
    "socketio": {},
    "secureOptions": 67108864,
    "sslCertPath": "/var/www/example.co.uk/letsencrypt/live/example.co.uk/fullchain.pem",
    "sslKeyPath": "/var/www/example.co.uk/letsencrypt/live/example.co.uk/privkey.pem",
    "sslCertChainPath": "",
    "sslPassphrase": "",
    "subscribers": {
        "http": true,
        "redis": true
    },
    "apiOriginAllow": {
        "allowCors": true,
        "allowOrigin": "http://localhost:4200/",
        "allowMethods": "GET, POST, PUT, PATCH, DELETE",
        "allowHeaders": "Origin, Content-Type, X-Auth-Token, X-Requested-With, Accept, Authorization, X-CSRF-TOKEN, X-Socket-Id"
    }
}

我在前端使用angular

回响服务ts

import {Injectable} from "@angular/core";
import {environment} from "../../../environments/environment";
import Echo from "laravel-echo";
import {UserModel} from "../models/user.model";
import * as io from "socket.io-client";

@Injectable({
    providedIn: 'root'
})
export class EchoService {

    public echo: Echo;

    constructor() {
        window['io'] = io;
        this.echo = window['Echo'] = new Echo({
            broadcaster: 'socket.io',
            host: environment.websocketUrl, // https://example.co.uk:6001
            auth: {
                headers: {
                    Authorization: `Bearer ${localStorage.getItem('token')}`
                }
            }
        });
    }

    /** privateChannel('user', 'PlayerEvent', this.user); Called from elsewhere */
    privateChannel(channelName: string, eventName: string, user: UserModel) {
        console.log('privateChannel');
        this.echo.private( environment.broadcastChannelPrefix + channelName + '.' + user.id)
            .listen('.' + eventName, data => {
                console.log(data);
            });
    }
}

拉雷维尔：7.12。0
拉维回声：^1.8。0
插座。io客户端：^2.3。0
角度：9.1。9

Answer 1

所以我想通了。有点明显当我意识到...这与我的开发环境有关——我有一个运行的虚拟机，我在那里编辑了我的/etc/host/文件来指向example.co.uk。由于laravel-echo从服务器验证用户，example.co.uk现在指向我的实时服务器，该路由没有正确设置。

将虚拟机上的/etc/host文件更改为指向：

192.168.33.10     example.co.uk

修正了这个问题