如何在firebase的网站地址中隐藏不必要的子文件夹

Question

我想减少我在 firebase 中网页的 URL 长度。 html 文件位于公共文件夹内的 html 文件夹中。现在索引页的 URL 是：www.lstein-28b62.web.app/htmlfolder/index.html 是否可以将其更改为 www.lstein-28b62.web.app/index.html 而无需将 index.html 文件从 htmlfolder 子文件夹中取出？ 我基本上只是想隐藏 /htmlfolder/ 子文件夹。它应该类似于 js 函数 window.history.pushState()，尽管如果页面被刷新，这会产生问题。

Answer 1

你有两个选择：

1. 将folder you deploy 更改为public/html，以便只部署HTML 文件夹的内容。

   "hosting": {
     "public": "public"
   
     // ...
   }
   

2. 使用rewrite rule 从根目录提供内容。

   "hosting": {
     // ...
   
     // Add the "rewrites" attribute within "hosting"
     "rewrites": [ {
       "source": "/html/index.html",
       "destination": "/index.html"
     } ]
   }
   

我强烈推荐第一种方法，因为后者需要更多的维护。