如何配置Apache让Express通过子目录提供服务？技术求助

我来帮你搞定这个问题！你遇到的核心问题是之前用了URL重写跳转而不是反向代理，所以才会出现端口暴露、子目录无效的情况。下面是一步步的解决方法：

1. 先启用Apache的代理模块 #

首先得确保Apache加载了反向代理所需的模块，这是基础：

• 如果你用的是Debian/Ubuntu系统，执行以下命令启用模块：

  sudo a2enmod proxy proxy_http proxy_html
  sudo systemctl restart apache2
  

• 如果是CentOS/RHEL或者直接编辑httpd.conf，需要确保这些行没有被注释：

  LoadModule proxy_module modules/mod_proxy.so
  LoadModule proxy_http_module modules/mod_proxy_http.so
  LoadModule proxy_html_module modules/mod_proxy_html.so
  

  保存后重启Apache服务。

2. 修改VirtualHost配置（关键步骤） #

把你现有的VirtualHost配置替换成下面的内容，核心是用ProxyPass和ProxyPassReverse实现反向代理，而不是.htaccess的重写：

<VirtualHost *:80>
    ServerName example.com
    ServerAlias www.example.com
    DocumentRoot /var/www/example.com

    # 情况1：你的Express应用本身就挂载在/groovy路径下
    # 直接把请求代理到本地3000端口的/groovy路径
    ProxyPass /groovy http://localhost:3000/groovy
    ProxyPassReverse /groovy http://localhost:3000/groovy

    # 情况2：你的Express应用根路径是/（默认情况），想映射到站点的/groovy
    # 用下面的配置，同时开启页面链接重写避免资源404
    # ProxyPass /groovy http://localhost:3000/
    # ProxyPassReverse /groovy http://localhost:3000/
    # ProxyHTMLURLMap http://localhost:3000/ /groovy/
    # RequestHeader unset Accept-Encoding
</VirtualHost>

配置说明： #

• ProxyPass：把客户端对/groovy的请求转发到本地3000端口的对应路径
• ProxyPassReverse：把Express应用返回的响应头里的URL替换成站点的/groovy，避免客户端跳转错误
• 如果是情况2（Express根路径是/），ProxyHTMLURLMap会自动修改页面里的绝对路径（比如/css/style.css）为/groovy/css/style.css，确保静态资源能正常加载；RequestHeader unset Accept-Encoding是为了避免压缩内容导致ProxyHTML无法解析。

3. 为什么之前的.htaccess重写无效？ #

你之前写的：

RewriteEngine On
RewriteRule groovy http://example.com:3000

这是做外部跳转，浏览器会直接跳转到:3000端口的地址，而不是让Apache在后台代理请求，所以才会出现子目录被忽略、必须带端口的情况。反向代理是Apache作为中间层，把请求转发给Node应用，再把响应返回给客户端，用户看不到后端的端口。

4. 测试与排错 #

• 重启Apache服务后，直接访问http://example.com/groovy，应该就能看到Express应用的内容了
• 如果出现503错误，检查Node应用是否正常运行在3000端口，以及Apache是否有权限访问localhost:3000（比如防火墙是否拦截本地请求）
• 如果静态资源404，检查Express应用的资源路径是否是相对路径，或者启用情况2里的ProxyHTMLURLMap配置

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