我的 Angular web 應用程序按預期通過按鈕進行路由，但是當我在 url 中鍵入頁面路徑時，路由不起作用。 托管於 firebase

Question

當我在我的本地主機上運行該程序時，我可以使用 url 瀏覽我的程序，但當它托管在 firebase 上時則不能。

例如）輸入“www.localhost:4200/home”帶我回家。

鍵入“www.localhost:4200/contact”將我帶到聯系頁面。

但

當我在 firebase 上托管網站時，我只能直接訪問它：“ www.portfoliotest.web.app ”並通過按鈕進行路由，但當我鍵入“www.portfoliotest.web.app/home”或“www”時則不行.portfoliotest.web.app/contact”，但我收到“找不到頁面”firebase 錯誤。

如何設置我的路由以便我可以通過 url 訪問我的頁面？

謝謝你。

Answer 1

您的路由不是您的問題：這是您設置 Firebase 的方式。

在您的firebase.json中，您需要將所有 URL 重定向到index.html ：

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

這樣，您的 Angular 路由優先於 static 文件服務。