ng serve --open --host 0.0.0.0 --disable-host-check

这对我来说非常有效(甚至使用一个a主机指向该IP的公共IP)。

一个可能会帮助到某人的快速解决方案:

添加这一行作为启动ng serve——host 0.0.0.0——disable-host-check的值 在package.json中

ex:

{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}

然后简单地执行start或npm run start

您将能够从其他本地ip访问您的项目。

如果你在Docker内部遇到同样的问题，那么你可以在Dockerfile中使用下面的CMD。

CMD ["ng", "serve", "--host", "0.0.0.0"]

或完成Dockerfile

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

我只是编辑了angular。Json文件在我的项目如下，它的工作

...

    "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "project:build",
      "host": "0.0.0.0"
    },
...

打开cmd并导航到项目位置，即为项目运行npm install或ng serve的位置。

然后执行命令- ng serve——host 10.202.32.45，其中10.202.32.45是您的IP地址。

您将能够在10.202.32.45:4200访问您的页面，其中4200是您的端口号。

注意:如果你使用这个命令服务你的应用程序，那么你将无法访问localhost:4200

使用ng serve——host 0.0.0.0命令解决了我的问题。使用192.168.x。X:5200才能从另一台机器上访问应用程序。

此外，检查客户端和服务器上的防火墙规则(暂时禁用防火墙或创建允许流量的规则)