Angular 7 - 我们可以删除端口号吗答案

【问题标题】：Angular 7 - Can we remove Port numberAngular 7 - 我们可以删除端口号吗
【发布时间】：2021-06-30 16:28:49
【问题描述】：

我正在将 Angular 与 ASP.Net Web 应用程序一起使用。当我使用 ng build 应用程序构建并在没有端口号的 URL 上运行时。但如果我使用ng serve 运行应用程序，它会使用端口号打开。

我知道我可以更改angular.json 文件上的端口号和主机名，

"serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "ng-app:build",
            "port": 4200,
            "host": "myapp.withAspweb.local"

      },

是否可以从 URL 中删除端口号。

ng server - myapp.withAspweb.local:4200
ng build - myapp.withAspweb.local

【问题讨论】：

标签： angularjs angular

【解决方案1】：

没有“无端口”之类的东西。默认http端口是80，试试看吧

"port": 80

【讨论】：

【解决方案2】：

正如您已经提到的，您始终可以在您的angular.json 文件中将端口配置为80。

关于更改您的主机名，我建议您将其设置为0.0.0.0（任何传入主机）并修改您的hosts 文件（位于C:\Windows\System32\drivers\etc\hosts）以提供所需的主机名。

【讨论】：