Firebase Hosting仅根URL跳转至lp.html的配置问题

我之前也碰到过一模一样的情况，核心是要在firebase.json里配置正确的重写规则，而且规则的顺序特别关键——Firebase会按从上到下的顺序匹配路径，所以根路径的规则必须放在通用规则前面，不然会被覆盖。

下面是正确的配置示例，你可以直接参考修改你的firebase.json：

{
  "hosting": {
    "public": "public", // 这里替换成你项目的静态文件目录，比如dist、build等，确保lp.html和index.html都在这个目录里
    "rewrites": [
      // 优先匹配根路径，指向lp.html
      {
        "source": "/",
        "destination": "/lp.html"
      },
      // 匹配所有其他路径，指向index.html
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

配置完之后，一定要重启firebase serve服务——如果之前已经启动了，直接关掉重新运行firebase serve，新的配置才会生效。

另外还要确认两点：

• lp.html确实在你指定的public目录下，路径没有写错（比如如果lp在子文件夹里，要写成/subfolder/lp.html）
• 绝对不能把规则顺序搞反，如果把**的规则放在前面，根路径会被优先匹配到index.html，这就是你之前遇到的问题

现在再访问http://localhost:5000/应该就能看到lp.html的内容了，其他路径比如http://localhost:5000/any-page会正常加载index.html。

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