Я строю Ionic PWA, в котором я реализовал Deep Linking.
IonicModule.forRoot(MyApp, {}, {
links: [
{ component: FeaturedPage, name: 'FeaturedPage', segment: ':title' },
{ component: HomePage, name: 'HomePage', segment: ':title' },
{ component: LatestPage, name: 'LatestPage', segment: ':title' },
{ component: TopPage, name: 'TopPage', segment: ':title' },
{ component: TrendingPage, name: 'TrendingPage', segment: ':title' },
{ component: ListPage, name: 'ListPage', segment: ':title' },
{ component: ItemDetailsPage, name: 'ItemDetailsPage', segment: 'Categories/:category' }
]
}),
По умолчанию генерируется URL-адрес, содержащий «#».

В соответствии с требованием, мне пришлось удалить «#», поэтому я провел исследование и обнаружил, что с помощью следующего я могу удалить «#» из URL.
import { LocationStrategy, PathLocationStrategy } from '@angular/common';
{ provide: LocationStrategy, useClass: PathLocationStrategy },
Я добился успеха в результатах. Теперь URL не содержит "#"

Однако, когда я обновляю эту страницу, я получаю сообщение об ошибке

Я знаю, что для преодоления этого типа ошибки необходимо добавить «#» в URL, но теперь я не хочу иметь «#» и не хочу ошибки после обновления страницы, Есть ли кто-нибудь, кто может дать мне знать, как от этого избавиться?