在apache代理上运行socket.io的问题

Question

最近，我从使用端口号转移到使用apache代理，现在我得到了以下浏览器控制台错误：

[Mon Mar 02 18:25:03.1998982020][Proxy_HTTP:错误][pid 28494][client 71.223.254.40:50269]AH01114:HTTP:无法连接到后端：本地主机，引用:https://example.com/proxyport20005/

--

我确实发现了使用端口和代理之间的一个有趣的区别。使用端口号，当我输入以下内容时：

但是当我使用代理进行同样的尝试时：

https://example.com/proxyport20005/socket.io/？eio=3&transport=polling

我看到可疑的查找结果，与我使用端口号时非常不同：

 ## 2020-03-02 - tried acquire
 ## 2020-03-02 - tried disablereuse=on
<Location /proxyPort20005/>
        ProxyPass http://localhost:20005/ Keepalive=On retry=5 timeout=600
        ProxyPassReverse http://localhost:20005/
</Location>

Answer 1

经过大量的时间和努力，我有两个解决方案：

##  thank you lopezdonaque @ https://github.com/socketio/socket.io/issues/1696

RewriteEngine On 
RewriteCond %{HTTP:Connection} Upgrade [NC]
RewriteRule /proxyPort3030/(.*) ws://localhost:3030/$1 [P,L]

<Location /proxyPort3030/>
    ProxyPass               http://localhost:3030/
            ## it seems to work fine without proxyPassReverse ??
    ProxyPassReverse        http://localhost:3030/
</Location>

const socket = io.connect
            (
                    {       'path'  : window.location.pathname + 'socket.io'
                    ,       'transports'    : ['websockets', 'polling']
                    }
            );

但是，我希望WebSockets和轮询都能工作，这个例子只有轮询：

<IfModule mod_proxy.c>
  <Proxy *>
    Order allow,deny
    allow from all
  </Proxy>
</IfModule>

ProxyPass          /proxyPort3030/                 http://localhost:3030/
ProxyPassReverse   /proxyPort3030/                 http://localhost:3030/
ProxyRequests off

const socket = io.connect
            (
                    {       'path'  : window.location.pathname + 'socket.io'
                    ,       'transports'    : ['polling']
                    }
            );