Angular 使用自定义端口服务

有时我们需要在本机使用 Angular 应用并且希望能够使用自定义端口启动服务，而不是默认的端口 4200。在本文中，我们将介绍如何使用 Angular CLI 启动一个自定义端口的服务器。

注释

在 Angular CLI 中，我们可以使用 -port 标志来指定要使用的端口号。

ng serve --port=1234

在上面的例子中，我们将使用端口 1234 启动服务器。

Angular 配置文件

我们还可以使用 Angular 配置文件来指定要使用的端口号。在这种情况下，我们可以将需要的配置选项添加到 angular.json 文件中。

{
  "projects": {
    "my-app": {
      "architect": {
        "serve": {
          "options": {
            "port": 1234
          }
        }
      }
    }
  }
}

在上面的例子中，我们将端口号设置为 1234。这样，我们就可以通过运行以下命令来启动服务器：

ng serve

这将使用在 angular.json 中配置的端口号启动服务器。

确保端口可用

当我们选择使用自定义端口时，需要确保指定的端口未被使用。您可以使用以下命令来检查端口是否可用：

lsof -i :1234

如果该端口被占用，将会显示一个错误消息。

结论

在这篇文章中，我们介绍了如何在 Angular 应用中使用自定义端口启动服务器。无论您是通过命令行标志还是配置文件来指定端口，都需要确保所选端口可用。