能否将Google Firebase托管项目部署至第三方网站的子目录？

针对你提出的三个核心顾虑，逐一给出明确的可行方案与注意事项：

1. SSL证书适配问题 #

完全可行。主站的通配符SSL证书负责处理用户与www.example.com/app/之间的加密通信，反向代理服务器在转发请求到Firebase子域名app.example.com时，会使用Firebase自动签发的SSL证书完成与Firebase服务端的加密。只需确保反向代理配置正确：

• 代理层终止用户侧的SSL（使用主站通配符证书）
• 转发请求时保持对app.example.com的HTTPS连接（无需Firebase证书覆盖主站域名）

2. 授权域名配置 #

这是必须完成的步骤，否则应用核心功能会失效：

• Firebase Auth：在Firebase控制台的「Authentication > 设置 > 授权域名」中添加www.example.com，否则Auth的登录、token验证等操作会因域名未授权被拦截。
• Firestore：确保Firestore的安全规则未限制域名，同时检查项目的CORS配置（若有自定义），允许www.example.com发起跨域请求。
• Cloud Functions：对于HTTP触发的函数，需在函数代码中配置CORS允许www.example.com，或在Firebase控制台的Functions设置中添加该域名到授权列表。

3. Google负载兼容性 #

反向代理不会影响Firebase的负载均衡功能。反向代理仅作为请求转发层，将www.example.com/app/的请求转发到app.example.com对应的路径，所有请求最终仍由Firebase的负载均衡系统处理。只需注意：

• 代理配置中保持正确的路径映射（如将/app/*重写为/*后转发到app.example.com）
• 转发时保留必要的请求头（如Host设为app.example.com，确保Firebase服务端正确识别请求来源）

额外关键配置 #

• Vue应用调整：修改Vue项目的publicPath为'/app/'，确保静态资源、路由路径都基于子目录正确加载。
• 反向代理路径重写：以Nginx为例，需配置类似规则：

location /app/ {
    rewrite ^/app/(.*)$ /$1 break;
    proxy_pass https://app.example.com;
    proxy_set_header Host app.example.com;
    proxy_set_header X-Real-IP $remote_addr;
}

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