Firebase CLI：“配置为单页应用程序（将所有URL重写为/index.html）”

Question

我刚刚使用Firebase CLI初始化了一个静态托管项目。当您启用“配置为单页应用程序”选项时，会发生什么情况？我想知道到底修改了哪些文件，以及这对Firebase后端有什么影响。

Answer 1

如果将其设置为“是”，则所有无效url（如www.example.com/某些无效url）都将重定向到站点的index.html，这是一件好事。您还可以将其设置为自定义404.html。

firebase.json

{

  "hosting": {
    "public": "pubic",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ],
    "cleanUrls": true
  }
}

奖励：设置Cleurls为true以从您部署的网站URL中删除. html扩展，否则所有没有. html的URL将重定向到index.html。

Answer 2

完整的例子：

{
  "hosting": {
    "public": ".",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 3

该选项只需在firebase.json文件中设置一个标志，将所有URL重定向到/index.html。

"rewrites": [ {
  "source": "**",
  "destination": "/index.html"
} ]

有关更多信息，请参阅Firebase主机的文档，其中还包含以下更完整的示例：

"hosting": {
  // ...

 // Add the "rewrites" attribute within "hosting"
  "rewrites": [ {
    // Serves index.html for requests to files or directories that do not exist
    "source": "**",
    "destination": "/index.html"
  }, {
    // Serves index.html for requests to both "/foo" and "/foo/**"
    // Using "/foo/**" only matches paths like "/foo/xyz", but not "/foo"
    "source": "/foo{,/**}",
    "destination": "/index.html"
  }, {
    // Excludes specified pathways from rewrites
    "source": "!/@(js|css)/**",
    "destination": "/index.html"
  } ]
}