Несколько Angular маршрутизаторов работают на локальном, но на работающем сервере, ломаясь при обновлении sh страницы. - Не найдено Запрошенный URL-адрес при ошибке сервера

Question

Моя маршрутизация выглядит следующим образом и отлично работает на моем локальном и даже на живом сайте, однако, если я переименую sh текущий URL-адрес - например: http://mysite.co.za/stepper-demo/stepper-template/ (currentStep: sub-set-1)

Возвращает 404.

const appRoutes: Routes = [
      { path: 'stepper-template', component: StepperTemplateComponent,
        children: [
          {
            path: 'sub-set-1',
            component: Subset1Component,
            outlet: 'currentStep',
          },
          {
            path: 'sub-sub-set-1',
            component: Subsubset1Component,
            outlet: 'currentStep'
          },
          {
            path: 'sub-set-2',
            component: Subset2Component,
            outlet: 'currentStep'
          },
          {
            path: 'sub-sub-set-2',
            component: Subsubset2Component,
            outlet: 'currentStep'
          },
          {
            path: 'sub-set-3',
            component: Subset3Component,
            outlet: 'currentStep'
          },
          {
            path: 'sub-sub-set-3',
            component: Subsubset3Component,
            outlet: 'currentStep'
          },
        ]
      }
    ];