使用angular 2路由器使基本url不区分大小写

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';

const routes: Routes = [
  { path: '', component: HomeComponent, pathMatch: 'full' },
  { path: 'about', component: AboutComponent },
  // 其他路由规则...
];

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

import { UrlSegment, UrlSegmentGroup, Route } from '@angular/router';

export function caseInsensitiveMatcher(url: UrlSegment[], group: UrlSegmentGroup, route: Route): boolean {
  const segments: UrlSegment[] = group.segments.map(segment => new UrlSegment(segment.path.toLowerCase(), segment.parameters, segment.parameterMap));
  return segments.length === url.length && segments.every((segment, index) => segment.path === url[index].path.toLowerCase());
}

import { NgModule } from '@angular/core';
import { RouterModule, Routes, UrlMatcher } from '@angular/router';
import { HomeComponent } from './home.component';

export function caseInsensitiveMatcher(url: UrlSegment[], group: UrlSegmentGroup, route: Route): boolean {
  const segments: UrlSegment[] = group.segments.map(segment => new UrlSegment(segment.path.toLowerCase(), segment.parameters, segment.parameterMap));
  return segments.length === url.length && segments.every((segment, index) => segment.path === url[index].path.toLowerCase());
}

const routes: Routes = [
  { path: '', component: HomeComponent, pathMatch: 'full' },
  { path: 'about', component: AboutComponent },
  // 其他路由规则...
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { urlMatcher: caseInsensitiveMatcher, useHash: true })],
  exports: [RouterModule]
})
export class AppRoutingModule { }