Маршрутизация в Angular 7 работает в подпапке некорректно

Мы работаем над переносом нашего приложения на новую версию Angular. Старый (Angular.JS) был собственным приложением / репо, обслуживаемым приложением .NET Framework 4.5.2 ASP.NET MVC, которое перенаправляло каждый вызов на Home, которое возвращало Razor View, содержащее приложение angular, а затем запускало это вверх, возможно, перенаправив суффикс URL-адреса на фактическую страницу Angular. Например, он направит www.website.com/profile на маршрут profile в Angular, НЕ пытаясь получить доступ к папке с именем profile на сервере. Интеграция нашего API и приложения Angular.JS не слишком приятна, но сработала. На сервере также есть виртуальные папки в IIS для других подпапок, к которым следует обращаться, например, шрифтов, изображений, конфигураций и т. д.

В настоящее время я работаю над тем, чтобы приложение Angular 7 работало вместе с приложением Angular.JS. Мы хотим запустить приложение Angular 7 для запуска внутри каталога текущего приложения, а затем переместить его в собственное веб-приложение, потому что наше новое приложение Angular представляет собой просто набор статических файлов и его не нужно связывать с сервером. больше. По сути, нет необходимости в какой-либо конфигурации ASP.NET MVC.

Текущий URL-адрес будет www.website.com и вернет приложение Angular.JS. Новый будет www.website.com/v2/ и вернет приложение Angular 7. Если мы закончили версию v2 страницы profile, переход к wwww.website.com/v2/profile должен теперь перейти на страницу profile приложения Angular 7.

В IIS одна из виртуальных папок - это папка с именем dist, которая указывает расположение файлов приложения Angular.JS. Теперь настроен новый под названием v2, который указывает на расположение файлов приложения Angular 7. Другой, названный assets, ведет к папке assets приложения Angular 7.

Теперь, когда я перехожу к www.website.com/v2/, Angular запускает и направляет меня к www.website.com/v2/home, который является домашним маршрутом.

Проблема заключается в том, что когда я сам набираю www.website.com/v2/home, это приводит к обратному перенаправлению приложений на www.website.com. и таким образом он снова загружает приложение Angular.JS. Ошибок и перенаправлений нет. Похоже, что он просто игнорирует часть, которая идет после части v2/, хотя Angular.JS отлично справляется с этим.

TL; DR Переход к www.website.com/v2 загружает Angular 7, но переход к v2/{{Anything}} приводит к тому, что приложение возвращается к приложению Angular.JS, работающему на www.website.com, даже если {{anything}} был внутренней ссылкой в ​​Angular 7, он было бы переходит к маршруту {{anything}}.

Я создаю проект Angular с помощью следующей команды:

ng build --configuration=dev --deploy-url=/v2/ --base-href=/v2/

Маршруты в приложении angular 7 выглядят так:

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full',
  },
  {
    path: '',
    canActivate: [AuthGuard],
    component: DefaultLayoutComponent,
    children: [
      {
        path: 'home',
        component: DashboardComponent,
        canLoad: [NoAuthGuard],
      },
      {
        path: 'contact',
        loadChildren: './modules/contact/contact.module#ContactModule',
        canLoad: [NoAuthGuard],
      },
      {
        path: 'timesheets',
        loadChildren: './modules/timesheet/timesheet.module#TimesheetModule',
        canLoad: [NoAuthGuard],
      },
      {
        path: 'users',
        loadChildren: './modules/users/users.module#UsersModule',
        canLoad: [NoAuthGuard, NgxPermissionsGuard],
        data: {
          permissions: {
            only: 'seeUsersPage',
            redirectTo: '/403',
          },
        },
      },
      {
        path: 'profile',
        loadChildren: './modules/profile/profile.module#ProfileModule',
        canLoad: [NoAuthGuard],
      },
    ],
  },
  {
    path: 'login',
    component: LoginComponent,
  },
  {
    path: '403',
    component: Page403Component,
  },
  {
    path: '**',
    redirectTo: '/home',
    pathMatch: 'full',
  },
];

Может ли кто-нибудь сказать мне, как я могу, например, ввести www.website.com/v2/contact в браузере, чтобы перейти на страницу контактов v2, а также сделать возможной внутреннюю навигацию (так, если пользователь нажимает «перейти на страницу контактов v2» внутри Angular 7, оно также переходит на страницу контактов v2)

Обновлено: была запрошена информация об Angular.JS Routerconfig и внутреннем web.config; Я привел их ниже.

RouterConfig:

$routeProvider
    .when('/', {
      templateUrl: 'scripts/home/home.html',
      controller: 'HomeController',
      controllerAs: 'homeCtrl'
    })
    .when('/gebruikers', {
      templateUrl: 'scripts/users/users.html',
      controller: 'UsersController',
      controllerAs: 'usersCtrl'
    })
    .when('/profiel', {
      templateUrl: 'scripts/profile/profile.html',
      controller: 'ProfileController',
      controllerAs: 'profileCtrl'
    })
    .when('/timesheets', {
      templateUrl: 'scripts/timesheets/timesheets.html',
      controller: 'TimesheetsController',
      controllerAs: 'timesheetsCtrl',
      reloadOnSearch: false
    })
    .when('/facturen', {
      templateUrl: 'scripts/invoices/invoices.html',
      controller: 'InvoicesController',
      controllerAs: 'invoicesCtrl',
      reloadOnSearch: false
    })
    .when('/opdrachten', {
      templateUrl: 'scripts/vacancies/vacancies.html',
      controller: 'VacanciesController',
      controllerAs: 'vacanciesCtrl'
    })
    .when('/contact', {
      templateUrl: 'scripts/contact/contact.html',
      controller: 'ContactController',
      controllerAs: 'contactCtrl'
    })
    .when('/help', {
      templateUrl: 'scripts/help/help.html',
      controller: 'HelpController',
      controllerAs: 'helpCtrl'
    })
    .otherwise({
      redirectTo: '/'
    });

Web.Config IIS rewrite rules:

 <rewrite>
      <rules>
        <clear />
        <rule name = "Redirect Angular endpoints to MVC Home" enabled = "true">
          <match url = "^(profiel|timesheets|facturen|opdrachten|contact|help|gebruikers)" negate = "false" />
          <conditions logicalGrouping = "MatchAll" trackAllCaptures = "false" />
          <action type = "Rewrite" url = "Home" logRewrittenUrl = "false" />
        </rule>
     <!-- Some other rules that are not important are here, they redirect HTTP to HTTPS -->
     </rules>
  </rewrite>