如何改变Angular App中的端口号

在本教程中，我们将学习如何在使用Angular CLI创建的angular应用程序中改变默认端口号。

改变端口号

1. 在你喜欢的代码编辑器中打开angular应用程序。

2. 导航到angular.json 文件并在serve 选项中添加你的端口号。

"serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "my-p-angular:build",
        "port": 2301      },
      "configurations": {
        "production": {
          "browserTarget": "my-p-angular:build:production"
        }
      }
}

这里我添加了一个端口号2301 。

3. 现在，使用ng serve 命令运行你的应用程序，你的端口号就成功改变了。

** Angular Live Development Server is listening on localhost:2301,
 open your browser on http://localhost:2301/ **

如果你想临时改变端口号，你可以使用以下命令。

ng serve --port 3405