Неверный маршрут в угловых 6 бросках uncaught исключения

Question

Помещение тега script вместе с моим параметром маршрута, выдающим исключение

const routes: Routes = [
  { path: 'product-listing/:language/:country', component: ProductFinderShellComponent },
  { path: 'product-listing/:language', redirectTo: '/error' },
  { path: 'product-listing', redirectTo: '/product-finder/en/us', pathMatch: 'full' }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

URL-адрес попытался:

http://localhost:4200/product-listing/en/us<script>alert('hi')</script>

Ошибка:

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ''hi''
Error: Cannot match any routes. URL Segment: ''hi''

Все помощь приветствуется. Tia

Answer 1

Вы должны использовать encodeURIComponent для предотвращения использования специальных символов в URL

let param = encodeURIComponent('us<script>alert('hi')</script>'));
let url = 'http://localhost:4200/product-listing/en/' + param;