In Angular 6 how make case insensitive url pattern?

Question

In my case I want to support same url in case insensitive manner.

Example: it should support all url

localhost:1029/documentation
localhost:1029/DOCU         


        

Answer 1

This will work, configure the route to NotFoundComponent with wild character like below

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

then, in the NotFoundComponent.ts file, add the below lines inside ngOnInit()

if(this.route.snapshot.url[0].path.toLowerCase()!==this.route.snapshot.url[0].path)
      this.router.navigate([this.route.snapshot.url[0].path.toLowerCase()]);

You have to import ActivatedRoute,Router from '@angular/router' and inject in constructor like below

constructor(private route:ActivatedRoute,
    private router:Router) { }

Here if condition in ngOnInit() makes sure that it won't route or navigate infinitely