SSL 錯誤：如何使用 Angular 和 websocket 將 Nginx 與 Node.js 應用程式一起使用

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";