SSL エラー: Angular と Websocket を使用して Node.js アプリで Nginx を使用する方法

Question

Node.jsアプリのリバースプロキシとしてNginxを設定するときにSSLエラーが発生しました。このアプリは動的コンテンツを提供するためにAngularを使用しており、WebSocketにはわあWSは正常に動作していますが、wssを試みると以下のエラーが発生します

WebSocket connection to 'wss://cen.abcuae.com:5000/' failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR.

以下は/etc/nginx/sites-available/defaultの設定です

server {


    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/cen.abcuae.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/cen.abcuae.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




    server_name cen.abcuae.com;

    location / {
        
                proxy_pass http://0.0.0.0:8080; #whatever port your app runs on
                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;
                proxy_read_timeout 3600; 

}
}
server {
    listen 443;
    listen [::]:443 ssl;

     server_name cen.abcuae.com;
        ssl_certificate /etc/letsencrypt/live/cen.abcuae.com/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/cen.abcuae.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 C


    location /websocket {
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      
      proxy_set_header Host $host;
      proxy_pass https://cen.abcuae.com:5000;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }
}

WebSocketサーバーに接続しようとしたときにクライアント側でエラーが発生します

'wss://cen.abcuae.com::5000/' への WebSocket 接続に失敗しました: 接続確立エラー: net::ERR_SSL_PROTOCOL_ERROR

これが私のフロントエンドコードです

import { WebsocketService } from "./websocket.service";

const CHAT_URL = "wss://cen.abcuae.com:5000";