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
– MikeOne, Commented Dec 11, 2019 at 18:17

Ricky · Accepted Answer · 2023-09-27 00:52:56Z

4

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']}]
})

Ricky

10.8k3 gold badges29 silver badges31 bronze badges

answered Dec 11, 2019 at 18:14

Sam

6321 gold badge5 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1