Getting 404: NOT_FOUND error with Angular app

I am getting this error:

404: NOT_FOUND Code: NOT_FOUNDID: bom1::fn7nh-1733077549966-d86111adf608

I am using angular, and when using the app I am able to route to https://www.mangotrees.in/product/3350b11d-62cd-4c05-8779-d6635807d556, but when I refresh this page I am getting this error. It is working fine in my local.

I expected it to work fine even after refresh, because I am able to route to this page but when refreshing I am getting this error.

I have the page routes like this: {path:'product/:ProductID', component:ProductViewComponent},

There's another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

https://community.vercel.com/t/debugging-404-errors/437

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

It seems there are a lot of things broken on the site. I'm not able to navigate to that page at all. The direct link throws an error, and I'm not able to navigate to it because anything I click from the home page also throws an error.

I would recommend using the tips on the NOT_FOUND details page and in the guide linked above. Those resources should help you identify the source of the problem. I hope that helps!