How to redirect at Home page if any router does not exist in Jhipster Angular 4 App?

Question

I want to redirect at Home page if user type any URL which is not exist in system

Answer 1

In app.module.ts, add the following line to the imports list, after the other modules. If it's added before other routes, it will redirect to home for those routes.

RouterModule.forChild([{ path: '**',   redirectTo: '/' }])

You'll also need to import RouterModule:

import { RouterModule } from '@angular/router';

Answer 2

You can use ** rule at the end of your navbar.routes to redirect to Home page. Below is the example:

{ path: '**', component: HomeComponent}