Apache 用 ProxyPass 解决前端跨域的本质是反向代理：前端请求同源地址（如 /api），Apache 将其转发至后端服务（如 http://localhost:8080/api），并用 ProxyPassReverse 修正响应头，绕过浏览器同源策略，无需后端配置 CORS。
在 Apache 中用 ProxyPass 解决前端开发跨域问题，本质是让浏览器认为请求发给了“同源”地址，实际由 Apache 转发到后端服务。它不依赖后端加 CORS 头，适合本地开发时后端尚未支持跨域或无法修改的情况。
启用 Apache 代理模块
Apache 默认不启用代理功能，需手动开启两个核心模块：
- 编辑
httpd.conf（Windows 下常在 XAMPP/WAMP 的apache/conf/目录；Linux 常在/etc/apache2/mods-enabled/或通过a2enmod启用） - 取消以下两行前的注释（去掉
#）：
LoadModule proxy_http_module modules/mod_proxy_http.so
保存后重启 Apache 服务。
配置虚拟主机反向代理
在 httpd-vhosts.conf 或站点对应的虚拟主机配置块中添加代理规则。例如，将所有 /api 开头的请求转发到本地后端 http://localhost:8080：
立即学习“前端免费学习笔记（深入）”；
FastAPI Flask Proxy
下载
FastAPI + Flask 混合部署最佳实践，解决路由定义、API 代理等常见问题，适用于同时运行 FastAPI API 与 Flask 前端的场景。
ServerName localhost
ProxyRequests Off
<Proxy *>
Require all granted
</Proxy>
ProxyPass /api http://localhost:8080/api
ProxyPassReverse /api http://localhost:8080/api
</VirtualHost>
关键点说明：
-
ProxyRequests Off：关闭正向代理，仅启用反向代理（安全必需） -
Require all granted：替代旧版Allow from all，允许所有来源访问代理路径 -
ProxyPass和ProxyPassReverse必须成对使用：前者控制请求转发，后者重写响应中的 Location、Set-Cookie 等头，避免重定向跳转到原始后端地址
前端请求与本地开发适配
配置生效后，前端代码无需改接口域名，直接请求 /api/users 即可：
- 浏览器看到的是
http://localhost/api/users→ 同源，无 CORS 拦截 - Apache 收到后自动转发为
http://localhost:8080/api/users→ 后端正常处理 - 响应返回时，
ProxyPassReverse会修正重定向头和 Cookie 域名，确保前端逻辑不受影响
注意：确保前端开发服务器（如 Vite、Webpack Dev Server）的 host 配置允许被 Apache 代理访问（通常默认允许），且本地后端服务确实在 localhost:8080 运行。
常见问题排查
若代理不生效，检查以下几项：
- Apache 是否已重启（不是重载，建议完整重启）
- 是否监听了正确的端口（
*:80或你实际使用的端口） - 后端服务是否运行且可被 Apache 主机访问（可在服务器上
curl http://localhost:8080/api/test测试） - 防火墙或 SELinux 是否阻止了 Apache 访问外部端口（Linux 常见）
- 日志路径中
error_log是否有proxy: error类报错
