使用 laravel-websockets 时 WebSocket 握手期间出错

如何解决使用 laravel-websockets 时 WebSocket 握手期间出错

我的套接字设置有问题，看起来一切正常，但出现此错误：

pusher.min.js:8 WebSocket 连接到“wss://www.example.com:8443/app/ABCDEFG?protocol=7&client=js&version=4.3.1&flash=false”失败：WebSocket 期间出错握手：意外响应代码：426

我已经检查了该主题的所有问题和答案，但没有结果！你能帮我吗，请...

我使用过的软件包版本：

"pusher-js": "^7.0.0",
"laravel-echo": "^1.9.0",
"pusher/pusher-PHP-server": "~4.1",
"beyondcode/laravel-websockets": "^1.9.0"

这些是我的 bootstrap.js 代码：

   window.Echo = new Echo({
broadcaster: 'pusher',key: process.env.MIX_PUSHER_APP_KEY,cluster: process.env.MIX_PUSHER_APP_CLUSTER,wsHost: window.location.hostname,wsPort: 8443,disableStats: true,enabledTransports: ['ws','wss'],forceTLS: true,encrypted: true,wssport: 8443,

});

这也是我的broadcast.PHP：

'connections' => [
    'pusher' =>  [
        'driver' => 'pusher','key' => env('PUSHER_APP_KEY'),'secret' => env('PUSHER_APP_SECRET'),'app_id' => env('PUSHER_APP_ID'),'log' => true,'options' => [
            'cluster' => env('PUSHER_APP_CLUSTER'),'host' => 'example.com','port' => 8443,'scheme' => 'https',//'useTLS' => true,'encrypted' => true,'curl_options' => [
                CURLOPT_SSL_VERIFYHOST => 0,CURLOPT_SSL_VERIFYPEER => 0,]
        ]
    ],'redis' => [
        'driver' => 'redis','connection' => 'default',],'log' => [
        'driver' => 'log','null' => [
        'driver' => 'null',

Here is picture of same error in firefox

我知道我应该提供升级标头，但我不知道如何！