在URL中使用%2F的Angular路由中断了路由

import { NgModule, Component } from '@angular/core';
import { RouterModule, UrlSegment, UrlSerializer, DefaultUrlSerializer } from '@angular/router';

// 自定义URL编码策略
export class CustomUrlSerializer implements UrlSerializer {
  parse(url: string): UrlSegment[] {
    const defaultUrlSerializer = new DefaultUrlSerializer();
    // 将%2F编码为其他字符，例如%252F
    url = url.replace(/%2F/g, '%252F');
    return defaultUrlSerializer.parse(url);
  }

  serialize(tree: UrlSegment[]): string {
    const defaultUrlSerializer = new DefaultUrlSerializer();
    return defaultUrlSerializer.serialize(tree).replace(/%252F/g, '%2F');
  }
}

@Component({
  template: 'Your component template here'
})
export class YourComponent {}

@NgModule({
  imports: [
    RouterModule.forRoot([
      { path: 'your-path', component: YourComponent }
    ])
  ],
  providers: [
    { provide: UrlSerializer, useClass: CustomUrlSerializer }
  ],
  declarations: [YourComponent]
})
export class AppModule { }