如何在一个Firebase站点域名下为另一Firebase站点配置路径代理访问

先澄清你对rewrite方案的认知误区：Firebase Hosting原生支持同项目下多站点的重写规则，不需要你在目标站点（gs-domain2.web.app）端重建对应路径，完全满足不切换域名、保留原路径的需求，是实现成本最低的方案。以下是两种可选实现方式：

方案一：Firebase Hosting多站点重写（优先推荐） #

操作步骤如下：

• 确认两个Firebase站点归属到同一个Firebase项目下，如果当前分属不同项目，在Firebase控制台Hosting板块选择「添加站点」，将第二个站点绑定到主项目即可
• 修改主站点（gs-domain1.web.app）对应项目根目录下的firebase.json配置，在hosting节点下新增重写规则：

{
  "hosting": [
    {
      "target": "domain1",
      "public": "build",
      "rewrites": [
        {
          "source": "/users/*/pages/**",
          "destination": "gs-domain2.web.app"
        },
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    },
    {
      "target": "domain2",
      "public": "dist",
      "rewrites": [
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  ]
}

• 执行firebase deploy --only hosting同时部署两个站点的配置即可
• 验证逻辑：访问gs-domain1.web.app/users/123/pages时，域名不会变化，实际返回的是gs-domain2.web.app的Vue SPA资源，Vue会自动匹配客户端路由渲染对应页面，不需要在domain2端提前创建任何路径实体文件。

方案二：React主站嵌入微前端 #

如果你确实不想用Hosting层的重写规则，可以在React主站做路由匹配后嵌入Vue应用：

• 在React应用的路由配置中，匹配到/users/:id/pages路径时，渲染iframe组件
• iframe的src直接指向gs-domain2.web.app对应的路由，同时通过iframe的postMessage能力做两个应用的通信、路径同步
• 提前配置Vue站点的CSP规则允许被domain1的站点嵌入，避免跨域拦截。

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