Client side link keeps prompting 400 (Bad Request)

[cnjackven]

After deploying fixed-laravel-echo-server, the client side link keeps prompting 400 (Bad Request), can you help me?

"laravel-echo": "^1.16.1", "socket.io-client": "^4.7.5",

import Echo from 'laravel-echo'
import io from 'socket.io-client'

window.io = io
window.Echo = new Echo({
  broadcaster: 'socket.io',
  host: 'test.com', 
  auth: {
    headers: {
      Authorization:
        'Bearer request token' 
    }
  }
})
window.Echo.private('im.chat.message.12345').listen('.chat.message', (e) => {
  console.log( e)
})

NGINX server

        #the following would go within the server{} block of your web server config
    location /socket.io {
        proxy_pass http://127.0.0.1:6001; #could be localhost if Echo and NginX are on the same box
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }

ERROR:

Access to XMLHttpRequest at 'http://test.com/socket.io/?EIO=3&transport=polling&t=OyJ3I6q' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

[root@test test.com]# curl http://127.0.0.1:6001?EIO=3&transport=polling&t=OyJIoDI
[1] 154304
[2] 154305
[root@test test.com]# {"success":true,"message":"OK","headers":["*/*"]}

clientConnectEndpoint and clientDisconnectEndpoint must be set？

[AbdoPrDZ]

HI there

could you provide me your fixed-laravel-echo-server.json config file?.

no clientConnectEndpoint and clientDisconnectEndpoint is not required

[cnjackven]

fixed-laravel-echo-server.json

{
    "authHost": "http://test.com",
    "authEndpoint": "/broadcasting/auth",
    "clientConnectEndpoint": null,
    "clientDisconnectEndpoint": null,
    "clients": [
        {
            "appId": "8a92a751ea66edf8",
            "key": "df5411b2e3ecc51673ddf374e6c07c31"
        }
    ],
    "database": "sqlite",
    "databaseConfig": {
        "redis": {
            "port": 6379,
            "host": "127.0.0.1",
            "db": "0",
            "password": ""
        },
        "sqlite": {
            "databasePath": "/database/fixed-laravel-echo-server.sqlite"
        }
    },
    "devMode": true,
    "host": null,
    "port": "6001",
    "protocol": "http",
    "socketIO": {},
    "secureOptions": 67108864,
    "sslCertPath": "",
    "sslKeyPath": "",
    "sslCertChainPath": "",
    "sslPassphrase": "",
    "subscribers": {
        "http": true,
        "redis": true
    },
    "apiOriginAllow": {
        "allowCors": false,
        "allowOrigin": "http://test.com",
        "allowMethods": "GET, POST",
        "allowHeaders": "Origin, Content-Type, X-Auth-Token, X-Requested-With, Accept, Authorization, X-CSRF-TOKEN, X-Socket-Id"
    },
    "firebaseAdmin": {
        "enabled": false,
        "configSource": null,
        "databaseURL": null,
        "channel": "private-firebase_admin"
    },
    "echoSever": null
}

[AbdoPrDZ]

I did not find the main problem, but we will try some solutions 1- Try setting transports to websockets in echo client config

window.Echo = new Echo({
  broadcaster: 'socket.io',
  host: 'test.com', 
  transports: ["websocket"],
  auth: {
    headers: {
      Authorization:
        'Bearer request token' 
    }
  }
})

(sorry for my late response)