net::ERR_CONNECTION_REFUSED . How to correctly configure Nginx with Socket.io?

[MarcoI]

I created a brand new tiny webapp with vue cli, so without adding anything,
apart from what the empty vue-cli scaffolding brings:

    (base) marco at pc:~/vueMatters/testproject$ npm run serve


    > testproject at 0.1.0 serve /home/marco/vueMatters/testproject
    > vue-cli-service serve

    INFO Starting development server...
    98% after emitting CopyPlugin

    DONE Compiled successfully in 1409ms 8:14:46 PM


    App running at:
    - Local: localhost:8080
    - Network: 192.168.1.7:8080

    Note that the development build is not optimized.
    To create a production build, run npm run build.

And got this error message : 
https://drive.google.com/open?id=10GcVFmqNVGRjox3wklJtcrAkIWM3kOp8

    "GET https://localhost/sockjs-node/info?t=1580228998416
net::ERR_CONNECTION_REFUSED"



node --version
v12.10.0

npm -v
6.13.6

webpack-cli at 3.3.10

Ubuntu 18.04.03 Server Edition

This is the /etc/nginx/conf.d/default.conf :

server {
    listen 443 ssl http2 default_server;
    server_name ggc.world;

    ssl_certificate /etc/ssl/certs/chained.pem;
    ssl_certificate_key /etc/ssl/private/domain.key;
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers
EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:50m;
    ssl_dhparam /etc/ssl/certs/dhparam.pem;
    #ssl_stapling on;
    #ssl_stapling_verify on;

    access_log /var/log/nginx/ggcworld-access.log combined;

    add_header Strict-Transport-Security "max-age=31536000";
    location = /favicon.ico { access_log off; log_not_found off; }
    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    error_page 497 https://$host:$server_port$request_uri;
    server_name www.ggc.world;
    return 301 https://$server_name$request_uri;

    access_log /var/log/nginx/ggcworld-access.log combined;

    add_header Strict-Transport-Security "max-age=31536000";
    location = /favicon.ico { access_log off; log_not_found off; }
    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

# https://www.nginx.com/blog/nginx-nodejs-websockets-socketio/
# https://gist.github.com/uorat/10b15a32f3ffa3f240662b9b0fefe706
# http://nginx.org/en/docs/stream/ngx_stream_core_module.html

upstream websocket {
    ip_hash;
    server localhost:3000;
}

server {
    listen       81;
    server_name  ggc.world www.ggc.world;

    location / {
        proxy_pass http://websocket;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
    }

    #location /socket.io/socket.io.js {
    #    proxy_pass http://websocket;
    #}

}



How to solve the problem? How to correctly configure Nginx with socket.io?

Marco

Posted at Nginx Forum: https://forum.nginx.org/read.php?2,286850,286850#msg-286850