Apache配置SSL、HTML与Websocket后页面无法访问的问题咨询

明确结论：完全可以在启用WebSocket代理的同时正常访问本地HTML/PHP页面，不需要创建新端口的VirtualHost，问题出在你当前的代理规则把所有请求都转发到了Socket服务，导致Apache根本没处理本地静态文件和PHP脚本。

问题根源 #

你配置的ProxyPass / https://localhost:12123/是全局匹配规则，所有请求（不管是访问HTML/PHP还是WebSocket）都会被转发到12123端口的服务。如果该服务未正常运行、无法响应，就会返回503错误；就算服务正常，本地的HTML/PHP也不会被Apache处理。

具体修改步骤 #

1. 指定WebSocket专属路径前缀 #

给WebSocket请求分配一个单独的路径（比如/ws/），只有访问这个路径的请求才转发到Socket服务，其他请求仍由Apache处理本地文件。

2. 修改VirtualHost配置 #

调整Rewrite规则和ProxyPass规则，对应新的路径前缀，修改后的443端口VirtualHost配置如下：

<IfModule mod_ssl.c>
<VirtualHost *:443>
        ServerName ***
        ServerAdmin webmaster@localhost 
        DocumentRoot /var/www/***

        <Directory /var/www>
                Options -Indexes +FollowSymLinks
                AllowOverride None
                Require all granted
                # 注：打开权限配置，确保Apache能访问本地文件
        </Directory>    

        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined

        # 处理WebSocket握手请求
        RewriteEngine on
        # 仅匹配路径以/ws/开头的WebSocket请求
        RewriteCond ${HTTP:Upgrade} websocket [NC]
        RewriteCond ${HTTP:Connection} upgrade [NC]
        RewriteRule ^/ws/(.*) "wss://localhost:12123/$1" [P,L]

        # 仅转发/ws/路径的请求到Socket服务
        ProxyPass /ws/ wss://localhost:12123/
        ProxyPassReverse /ws/ wss://localhost:12123/
        ProxyRequests off

        SSLEngine On
        SSLCertificateFile /etc/letsencrypt/live/***/cert.pem
        SSLCertificateKeyFile /etc/letsencrypt/live/***/privkey.pem
        SSLCertificateChainFile /etc/letsencrypt/live/***/chain.pem
</VirtualHost>
</IfModule>

3. 启用Apache必要模块 #

执行以下命令启用所需模块（未启用的话）：

a2enmod proxy proxy_http proxy_wstunnel rewrite ssl
systemctl restart apache2

4. 前端WebSocket握手实现 #

前端代码中，连接WebSocket时使用你的域名加上指定的路径前缀，示例：

const socket = new WebSocket('wss://你的域名/ws/');
// 后续消息监听、发送逻辑正常编写即可

额外检查点 #

• 确认localhost:12123的Socket服务已启动并正常监听，Apache服务器能访问到该端口（可使用curl wss://localhost:12123/测试连通性）。
• 查看Apache的error.log（路径${APACHE_LOG_DIR}/error.log），如果仍有错误，日志会给出具体原因（比如模块未启用、端口不通等）。

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