SSL 오류: Angular 및 websocket을 사용하여 Node.js 앱에서 Nginx를 사용하는 방법

Question

Nginx를 Node.js 앱의 역방향 프록시로 설정할 때 SSL 오류가 발생합니다. 이 앱은 Angular를 사용하여 동적 콘텐츠를 제공하고 WebSocket의 경우 다음을 사용합니다.ws. 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";