Angular Socket.IO客户端无法连接HTTPS环境下的Node.js Socket.IO服务器

结合你的场景和代码，我帮你梳理几个最可能导致连接失败的关键点，按优先级排查：

1. 先修正客户端的配置拼写错误 #

你Angular代码里的transport:['websocket']是拼写错误，Socket.IO客户端的正确参数名是复数形式的transports。单数参数会被客户端忽略，导致它尝试用默认的轮询方式连接，而这种方式在HTTPS环境下容易被阻断，直接触发连接关闭错误。

修正后的客户端代码：

constructor() { 
  super({
    url: 'https://mywebPage.com:8080',
    options: {
      secure: true,
      transports: ['websocket'], // 改成复数transports
      rejectUnauthorized: false
    }
  }) 
}

2. 关闭Node.js服务器的客户端证书要求 #

你Node.js代码里设置了requestCert: true，这个选项会强制要求客户端（也就是你的Angular应用）提供自己的SSL证书才能建立连接，但你的前端并没有配置客户端证书，所以服务器会直接拒绝连接请求。

把这个选项改成false即可，因为你只需要服务器端启用HTTPS，不需要验证客户端身份：

var options = { 
  key: fs.readFileSync('/etc/apache2/folder/certificate.com.key'), 
  cert: fs.readFileSync('/etc/apache2/folder/certificate.com.public.crt'), 
  ca: fs.readFileSync('/etc/apache2/folder/certificate-intermediate.crt'), 
  requestCert: false // 关闭客户端证书要求
}; 

3. 检查Socket.IO版本兼容性 #

ngx-socket-io依赖的socket.io-client版本，必须和Node端的socket.io版本主版本号一致（比如都是v4.x或v3.x）。版本不匹配会导致握手协议不兼容，直接触发连接关闭。

• 检查Angular项目package.json里的ngx-socket-io和socket.io-client版本
• 检查Node项目package.json里的socket.io版本
  如果版本差异大，升级或降级到匹配的主版本即可。

4. 配置Apache反向代理（可选但推荐） #

既然你的Angular应用部署在Apache2上，直接让客户端访问8080端口可能遇到防火墙限制、浏览器跨域策略（虽然你设置了origin，但HTTPS下更严格）。建议通过Apache做反向代理，把WebSocket请求转发到Node服务器：

在Apache的虚拟主机配置中添加以下规则：

# 转发Socket.IO请求
ProxyPass /socket.io/ https://localhost:8080/socket.io/
ProxyPassReverse /socket.io/ https://localhost:8080/socket.io/

# 处理WebSocket升级请求
RewriteEngine On
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule /(.*) ws://localhost:8080/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket [NC]
RewriteRule /(.*) http://localhost:8080/$1 [P,L]

然后把Angular客户端的Socket.IO地址改成https://mywebPage.com/socket.io（不用加8080端口），让Apache帮你转发请求，这样更符合生产环境的部署规范。

内容的提问来源于stack exchange，提问作者Large Luigi