Angular 6 + Java spring boot: Once deployed angular router is not working on page reload(refresh)

Question

Environment: - Front end developed in Angular 6. - Backend developed in Java Spring boot. - Hosted in wildfly app server.

Description: If we navigate through the route(Angular route) it's working fine. But once page getting reload/refresh, it's throwing 404 error.

This error is throwing from backend, i think due to the url pattern. To fix that we have to update the deployment descriptor file (i.e. web.xml).

pontusv · Accepted Answer · 2018-12-04 13:20:44Z

0

I was experiencing the same issue but on IIS, i resolved my error by adding { useHash: true } to my RouterModule.

My NgModule annotation in my routing module now looks as following:

@NgModule({
  exports: [RouterModule],
  imports: [RouterModule.forRoot(routes, { useHash: true })],
})

answered Dec 4, 2018 at 13:20

pontusv

2911 silver badge14 bronze badges

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

1 Comment

It work fine but i got some alternate solution as well. I updated in deployment descriptor file for each url pattern, and redirected to index page.

Ravinder Payal · Accepted Answer · 2018-12-04 13:26:24Z

0

Make sure that the Wildfly server is returning index.html for all non-static-file GET requests.