角子域

Question

我试图用下面的方法在角6中创建子域。

例如，：

本地主机: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 -禁用--主机--检查”命令时，它工作正常。但这不是安全的方法。
2. 当运行'ng serve‘命令时，会显示“无效主机标题”错误消息。

请建议我任何其他选择，以创建一个角6的子域。

Answer 1

出于开发目的，您可以在etc/host文件中添加子域(C：\Windows\System32 32\驱动器\etc\host)，如下所示。

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