自定义域而不是本地主机 - Angular

Question

开发目的我想用自定义域而不是 localhost

启动我的 Angular 应用程序

还有其他方法吗？

我能够找到 php 的解决方案，但我没有找到 angular 应用程序的解决方案.

Answer 1

更新您的 angular.json

这是你应该做的：

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "customdomain.baz",
                  "port": 80
                }
            }
        }
    }
}

如果您在 mac/ linux

上，请更新您的主机文件

转到/etc/hosts

##
##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting. Do not change this entry.
##
127.0.0.1       customdomain.baz // or whatever your domain is
255.255.255.255 broadcasthost
::1             localhost

Answer 2

在 hosts 文件中添加一行：

127.0.0.1   my-custom-domain.com

但这无论如何都需要指定端口。你必须使用 my-custom-domain.com:4200.

要使用默认端口 :80，用作参考

如果您想运行多个站点在同一端口上，但服务于不同的域，请使用 Nginx 或 Apache 作为代理。

这是 nginx 的示例服务器配置：

server {
    listen 80;
    server_name  my-custom-domain.com;
    location / {
        proxy_pass       http://localhost:4200;
    }
}

自定义域而不是本地主机 - Angular

Custom domain instead of localhost - Angular

angular

custom-domain