Angular Error: Cannot match any routes error redirect to 404

Question

I have so many url, and sometimes I can not handle all error with

core.js:6479 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'test' Error: Cannot match any routes. URL Segment: 'test'

Does someone knows some common solution to handle this kind of error, and redirect user to 404, somekind of interceptor or something else, thank

Anuj.T · Accepted Answer · 2022-02-11 12:25:02Z

2

You can add the wild card in route, If path does not match then it will redirect to error component which will be common for handling error page.

eg.

const routes: Routes = [
  { path: 'about', component: AboutComponent },
  { path: '',   redirectTo: '/about', pathMatch: 'full' },
  { path: '**', component: PageNotFoundComponent },  // Wildcard route for a 404 page
];

Here,

If a non existent page is called, then the first two route gets failed. But, the final wildcard route will succeed and the PageNotFoundComponent gets called.

answered Feb 11, 2022 at 12:25

Anuj.T

1,61817 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Angular Error: Cannot match any routes error redirect to 404

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related