Angular Security Policy Heroku

0

Cześć, mam problem z wyświetlaniem stron w apce angularowej. Mam w routingu ustawione cos takiego:

const routes: Routes = [
  { path: '', component: HomePageComponent },
  { path: 'some-routing', component: SomeRoutingComponent},
  { path: 'other-routing', component: OtherRoutingComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

Moj index.html wygląda tak:

<html class="image">
  <head>
    <meta http-equiv="Content-Security-Policy"
          content="default-src *;
       style-src 'unsafe-inline';
       script-src 'self' 'unsafe-inline' 'unsafe-eval' https://mySpringBootApp.herokuapp.com https://myAngularApp.herokuapp.com/">
    <title>Title</title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://cdn.ckeditor.com/4.5.1/standard/ckeditor.js"></script>
    <script src="https://cdn.rawgit.com/inexorabletash/polyfill/master/typedarray.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
  </head>
  <body>
    <app-root>Loading...</app-root>
  </body>
</html>

I ciągle wywala mi w konsoli Security Policy.
Działa tylko

{ path: '', component: HomePageComponent },

i jest to strona główna, pozostale sciezki ustawione w Routingu zglaszają "Not found" np https://myAngularApp.herokuapp.com/some-routing.
Tak wygląda konsola:

Będę wdzięczny za każdą pomoc ;)

1

https://angular.io/guide/deployment#fallback

1 użytkowników online, w tym zalogowanych: 0, gości: 1