Angular 6：动态baseUrl

Question

我是angular的新手，并尝试根据环境动态设置baseurl。在开发模式下，应将baseurl设置为/ dev /，在生产模式下，应将baseurl设置为/ prod/。

我尝试了下面的代码，但是没有用，也没有在控制台中得到任何正确的错误。我曾尝试提出类似的问题，但没有任何帮助。

// environment.ts

export const environment = {
  production: false,
  baseUrl: '/dev/'
};


// environment.prod.ts

export const environment = {
  production: true,
  baseUrl: '/prod/'
};

// app.module.ts

providers: [
    { provide: APP_BASE_HREF, useValue: environment.baseUrl}
  ],

// second code i Tried

// app.module.ts

export var baseURL = () => {
  if (environment.production) {
    return '/prod/';
  } else {
    return '/dev/';
  }
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [
    { provide: APP_BASE_HREF, useFactory: baseURL}
  ],
  bootstrap: [AppComponent]
})