如何在Firebase托管中處理動態URL路由

Question

所以，假設我在Firebase的公共文件夾中有一個index.html和一個salon.html 。

現在，對於像xyz.com/salon/43這樣的網址，我想加載salon.html ，在javascript中，我想從實時數據庫中獲取沙龍43。

現在我可以擁有像xyz.com/salon?id=43這樣的網址。 我想知道是否有可能在Firebase托管中做前者，如果是這樣的話。

Answer 1

您正在尋找Firebase Hosting 重寫 。 從文檔 ：

如果要為多個URL顯示相同的內容，請使用重寫。 重寫對於模式匹配特別有用，因為您可以接受與模式匹配的任何URL，並讓客戶端代碼決定要顯示的內容。 重寫規則可用於支持使用HTML5 pushState進行導航的應用程序。 當瀏覽器嘗試打開指定的源URL時，將在目標URL處為其提供該文件的內容。

可以通過在firebase.json文件中的托管中定義rewrites部分來指定URL重寫：

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