firebase - 如何在 Firebase 中删除 .html URL 结尾并配置重定向？

Question

编辑:修正了我提到的一个错误 about.html作为 /about/在我的 HTML 中，但我仍然遇到同样的问题。

---

我了解这是与之前多次提出的问题的重复，但其他人的解决方案对我不起作用。我正在尝试做的是重新路由，例如，index.html至/index/和 about.html至/about/ .

我尝试使用@louisvno 的答案 here , @michael-bleigh 的回答 here , 和@HarsH 的回答 here ，所有这些都是在.json文件中添加以下内容:

"hosting": {
    "cleanUrls": true
  }

(这也是 Firebase 配置托管行为指南的“Control .html extensions”部分的答案。)

但是，这没有任何效果。在我的 HTML 文件中，我尝试设置 <a>标记到 href="index.html , href="/index/ , 和 href="/index" ，但这些选项都不起作用，我不确定是否将其更改为原始 <a href="index.html">甚至是必要的。 (是吗？)

我尝试的另一个解决方案是使用 "redirects"属性(property)，正如@ken-mueller here 所建议的那样.我删除了“clearUrls”位并将以下内容放入我的 .json 文件中:

  "hosting": {
    "redirects": [ {
      "source": "index.html",
      "destination": "/index",
      "type": 301
    }, {
      "source": "index.html{,/**}",
      "destination": "/index",
      "type": 3011
    }, {
      "source": "about.html",
      "destination": "/calculator",
      "type": 301
    }, {
      "source": "about.html{,/**}",
      "destination": "/solutions",
      "type": 301
    } ]
  }

(这也是 Firebase 的 Configure redirects section 的配置托管行为指南中的答案)

这也没有效果。而且，即使从 <a href="about.html"> 更改我的 HTML至<a href="/about/">或 <a href="/about"> ，它刚刚打破了about.html页面并显示index.html页面。

我做错了什么？如何从 URL 末尾删除 .html 并确保在 URL 中输入它时，它会重定向到没有结尾的 URL(即 /index/ 而不是 /index.html？

Answer 1

感谢 Firebase 支持的 Mau，最终解决了这个问题。 "cleanUrls" 工作正常，我只需要一个开始和结束括号(duh)。对于我帖子中的代码，我还注意到其中一个重定向将 "type": 设置为 3011 而不是 301。不管怎样，最终的代码是:

{
  "hosting": {
    "cleanUrls": true,
    "trailingSlash": true
  }
}