为什么我的 socket.io 视频聊天无法在 heroku 上运行？

Question

I'm new to WS and Heroku and all that... so i have this code

//this sets up client-side sockets i guess

    import {io} from 'socket.io-client';
    
    const options = {
      "force new connection": true,
      reconnectionAttempts: "Infinity", 
      timeout : 10000, 
      transports : ["websocket"]
    }
    
const socket = io('/', options)

export default socket;

and for the server side

    const path = require('path');
    const express = require('express');
    const app = express();
    const server = require('http').createServer(app);
    const io = require('socket.io')(server);
    const {version, validate} = require('uuid');
    
    const ACTIONS = require('./src/socket/actions');
    const PORT = process.env.PORT || 3001;
///more code

When deployed to heroku this results in this app https://lit-atoll-99067.herokuapp.com/ and the chrome console says:

WebSocket connection to 'wss://lit-atoll-99067.herokuapp.com/socket.io/?EIO=4&transport=websocket' failed: WebSocket is closed before the connection is established.

So i ran out of ideas. but i guess this has to be about port or something... dunno really. Any ideas are welcome!

Answer 1

I think you need to pass the full URL at the client-side but you only passed the "/" only example:-

import {io} from 'socket.io-client';
    
const options = {
  "force new connection": true,
   reconnectionAttempts: "Infinity", 
   timeout : 10000, 
   transports : ["websocket"]
}
// here need to pass the full url
const socket = io('https://example.com/', options)

export default socket;