Как настроить базовый href в angular с переменной окружения tomcat или серверов приложений?

Question

Хотелось бы узнать, можете ли вы сконфигурировать base href как переменную среды tomcat или сервера приложений.

например:

index.html

<base href="/${environment.tomcat}/">

или переменная среды для операционной системы?

Answer 1

environment.ts

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

environment.prod.ts

export const environment = {
  production: true,
  tomcat: '/my-app/'
};

И в вашем модуле приложения: ~

import { Component, NgModule } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';
import { environment } from '../environments/environment';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: environment.tomcat}]
})
class AppModule {}

ИЛИ

Использование встроенной функции Angular CLI: ~

# Sets base tag href to /myUrl/ in your index.html
ng build --base-href /myUrl/
ng build -bh /myUrl/

Вы можете обновить скрипты в package.json: ~

"scripts": {
  //...
  "start": "ng serve -bh /anotherUrl/",
  "build": "ng build -bh /tomcatServerURL/",
  //..
},

Надеюсь, это полезно!