Cloud Functions firebase.json 的 Firebase 托管重写不适用于多个环境

Question

我有一个项目，其中设置了多个 Firebase 托管项目（用于暂存和生产），当我根据 Firebase 文档 here 添加重写时，函数 /bigben 的重写在 https://customdomain.com/bigben 不起作用（两者都部署到生产和模拟器中）

firebase.json

{
  "hosting": [
    {
      "target": "production",
      "public": "build",
      "rewrites": [
        {
          "source": "/bigben",
          "function": "bigben"
        },
        {
          "source": "**",
          "destination": "/index.html"
        },
        {
          "source": "!/@(js|css|svg|jpg|png|gif|ico|json|html)/**",
          "destination": "/index.html"
        }
      ]
      // ...
    },
    {
      "target": "staging",
      "public": "build",
      "rewrites": [
        {
          "source": "/bigben",
          "function": "bigben"
        },
        {
          "source": "**",
          "destination": "/index.html"
        },
        {
          "source": "!/@(js|css|svg|jpg|png|gif|ico|json|html)/**",
          "destination": "/index.html"
        }
      ]
      // ...
    }
  ]
}

如何设置 /bigben 以使用此自定义域（已在 Firebase 中配置为托管/前端 create-react-app？我已经看到从构建文件夹中删除 index.html，但不是这样CRA 需要吗？

Answer 1

我知道文档说您的 source 应该看起来像这样，一条简单的路径，但它似乎也对我不起作用。将您的 source 更改为 bigben：

"source": "/bigben",

到这里：

"source": "/bigben/**",

之后它应该正确地进行重写。

编辑：

此外，您的重写顺序不正确，因此您的所有源文件都被重写为 index.html。以下是我建议的更改：

{
  "hosting": [
    {
      "target": "production",
      "public": "build",
      "rewrites": [
        {
          "source": "/bigben/**",
          "function": "bigben"
        },
        {
          "source": "!**/*.*",
          "destination": "/index.html"
        }
      ]
      // ...
    },
    {
      "target": "staging",
      "public": "build",
      "rewrites": [
        {
          "source": "/bigben/**",
          "function": "bigben"
        },
        {
          "source": "!**/*.*",
          "destination": "/index.html"
        }
      ]
      // ...
    }
  ]
}