How to define "base href " dynamically in Angular 8 application from index.html?

Question

Earlier I used --base-href, but now it is not supported.

As far as I can tell from the documentation, —base-href still works.. is it not setting it in index.html in your dist folder? — MikeOne, Dec 11 '19 at 18:17

score 3 · Accepted Answer · answered Dec 11 '19 at 18:14

You can set base href dynamically by setting the property through script and getting it in NgModule.

  //index.html
    <script>
      window['base-url'] = window.location.pathname;
    </script>

And in your module you need to use

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: window['base-url]}]
})

1 Answers1