Angular项目在同一个项目下指定多个主机名

Question

我有一个需要在angular项目中设置的多存储站点，我将默认的localhost:4200更改为我的自定义域，并且我在相同ip下的hosts文件中列出了我的所有域。

当前，当我运行yarn启动时，它会在我的域中加载我的angular项目，而不是localhost:4200，这工作得很好。

角。Json我设置了如下

"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "spartacus:build",
"disableHostCheck": true,
"host": "my-store-de.local",
"port": 4200
},

我怎么能改变这个主机属性，以允许多个域，所以如果我去my-store-ch。例如，在本地，它也会在该域中加载项目。我看过类似的案例，但他们似乎都在firebase，我不使用这只是为了本地发展，现在任何帮助或有人谁可以指出我在正确的方向将非常感激!

Answer 1

ng serve仅用于开发目的，因此它不支持您需要的内容。如果您将自定义域绑定到127.0.0.1，那么您可以在127.0.0.1IP地址(而不是域localhost)上启动您的项目，然后一切都应该工作。

另一个解决方案是在localhost:4200上启动应用程序，但另外在本地设置nginxweb服务器(或Apache由你决定)设置有几个本地域+在代理模式下使用它，就像这样

server {
server_name my-store-de.local;
listen 80;
location / {
index index.html;
proxy_pass http://localhost:4200;
}
}