Firebase Hosting Path Parameters in URL Not Working

Question

I need to serve dynamic content by using path parameters to fetch an id from the URL when hosting on firebase. For example:

mydomain.com/apps/4480023

In this scenario, I'd like to extract 4480023 as the ID of the resource I'm looking for. I tried the following changes in the firebase.json file:

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

In which case, I can use a javascript function to retrieve the ID from the URL when the user browses to that resource. My problem is, this rewrite doesn't work and it directs the user to the index.html page and all the CSS/JS files end up not functioning correctly.

How can I modify this to enable this functionality?

can you share the code how to extract param after sorting the firebase.json — Hanzala
– Hanzala, Commented Jan 16, 2020 at 8:07
@Hanzala do you mean query param? Like: website.com?user=2 — Jay
– Jay, Commented Jan 16, 2020 at 23:11

Doug Stevenson · Accepted Answer · 2018-05-13 00:07:31Z

5

The rewrites are checked in order. This means your first rewrite, which matches all requests, is always going to be served by index.html.

All you have to do is change the order of the rewrites to allow /apps/** to have a possibility of matching before /** captures everything else.

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

answered May 13, 2018 at 0:07

Doug Stevenson

321k37 gold badges458 silver badges474 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jay Over a year ago

Didn't think that would cause this issue. Thanks :)

Collectives™ on Stack Overflow

Firebase Hosting Path Parameters in URL Not Working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related