Угловой поддомен

Question

Я пытаюсь создать поддомен в angular 6, используя метод ниже.

Например:
localhost: 4200
client1.localhost: 4200
client2.localhost: 4200

  getSubdomain() {
    const domain = window.location.hostname;
    if (domain.indexOf('.') < 0 
       || domain.split('.')[0] === 'example' 
       || domain.split('.')[0] === 'lvh' 
       || domain.split('.')[0] === 'www') {
       this.subdomain = '';
    } else {
       this.subdomain = domain.split('.')[0];
    }
    console.log('subdomain', this.subdomain);
  }

1. При запуске команды 'ng serve --disable-host-check' все работает нормально. Но это не безопасный способ.
2. Сообщение об ошибке «Недопустимый заголовок узла» отображается при выполнении команды «ng serve».

Пожалуйста, предложите мне любой другой вариант для создания поддоменов в угловых 6.

Answer 1

Для целей разработки вы можете добавить поддомен в файл etc / host (C: \ Windows \ System32 \ drivers \ etc \ hosts), как показано ниже.

127.0.0.1       client1
::1         client1
127.0.0.1       client2
::1         client2

Обслуживание приложения с помощью команды: -

ng serve --host client1 --port 4300 --open
ng serve --host client2 --port 4400 --open