Stuck on connecting... on multiplayer

[kumarajith]

Everything works fine in my local environment. I'm trying to set up the game server and a feathers server (react build for front end) on an instance with SSL. I have nginx reverse proxy setup to redirect to 8000 when I get a /api (only the boardgameio server). and to redirect to the backend for everything else. Everything seems to be working. I am getting the following output on the game server

INFO: App serving on 8000...
wrote: /storage/b75f5b354c36fe9ef44f223068dd1443
wrote: /storage/a50c93173b3c369abf2ab848d8a8f642
wrote: /storage/eee7699b2024ac171a8c501a36103e27

On creating a Client and redirecting to the client component, I'm getting connecting... and it doesn't throw any errors or proceed further.
Client creation:
Client({ game: Game, board: Game, multiplayer: SocketIO({ server: 'https://mysite.com/api'}), debug: false})

Server code

const { Server, FlatFile, Origins } = require('boardgame.io/server');
const { Game } = require('./models/Game');

const db = new FlatFile({
    dir: '/storage/',
    logging: true
})

const server = Server({
    games: [Game],
    db: db,
    origins: [
        'https://mysite.com:3030',
        'https://mysite.com'
    ],
});

server.router.get('/getMatchData/:id', async (ctx, next) => {
    const { log, initialState, metadata } = await db.fetch(ctx.params.id, {metadata: true, state: true, log: true, initialState: true});
    ctx.body = {
        log: log,
        initialState: initialState,
        gameOver: metadata.gameover
    }
});

server.run(8000);

Nginx config

server {
  server_name mysite.com;

  root /var/www/html;
  index index.php index.html index.nginx-debian.html;
  access_log /var/log/nginx/example_access.log;
  error_log /var/log/nginx/example_error.log;

  location /api/ {
    proxy_pass http://localhost:8000/;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }

  location / {
    proxy_pass http://localhost:3030;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/mysite.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/mysite.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

I'm kind of stuck at this point and I am not sure how to proceed. Please let me know if I'm missing something. Thanks in advance

[kumarajith]

Not sure what the issue was, but I added a subdomain and used that for the game server like api.mysite.com and it worked. Could have been an issue with feathers and the game server websockets on the same domain?