Firebase hosting Page Not Found error on empty cache and hard reload

Question

Firebase hosting is working fine! But this displayed Page Not Found (attached an image) page in two cases:

Just after we deploy to Firebase hosting, 2-3 refresh is required to have expected page else it displayed Page Not Found page.
When we do empty cache and hard reload it shows Page Not Found page.

Note: The page is designed using Polymer Web Components.

Check this link - https://yesitesapp.com/products

Please suggested - if any configuration or any settings is required to work Firebase hosting properly.

if you want to hosting via web server apache then check this https://stackoverflow.com/a/73746497/12771945 — mamena tech, Sep 16 '22 at 16:16

score 13 · Accepted Answer · answered Jul 08 '18 at 21:56

13

You have a service worker installed that precaches /products and then servers that path from the client cache.

You have to modify your firebase.json config to serve your index.html file for all of the paths that your app uses. The Firebase docs have an example that should look something like this where it says handle all paths (**) with index.html.

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

answered Jul 08 '18 at 21:56

abraham

46,583
10
100
152

Thanks a lot, it works for subfolders too: `"manager/**"` to `"manager/index.html"` – Ivan Chernykh Jan 25 '20 at 10:58
Do you know such configuration for Heroku? – Kerim Amanov Jul 28 '22 at 08:28
if you want to hosting via web server apache then check this stackoverflow.com/a/73746497/12771945 – mamena tech Sep 16 '22 at 16:16

Firebase hosting Page Not Found error on empty cache and hard reload

1 Answers1

Linked