Angular CLI 更改服务端口 - Javascript

当使用 Angular CLI 创建一个新的 Angular 项目时，默认情况下，它会在本地的 4200 端口上启动一个开发服务器。然而，有时候我们需要将开发服务器运行在不同的端口上。在本文中，我们将学习如何使用 Angular CLI 更改服务端口。

步骤

下面是按照步骤来更改 Angular CLI 服务端口的方法：

1. 打开 angular.json 文件

首先，打开你的 Angular 项目的根目录，并找到 angular.json 文件。这个文件存储了 Angular CLI 的配置信息。

2. 找到 "serve" 属性

在 angular.json 文件中，找到 projects 对象下的 "architect" 属性。然后， 依次找到 "serve" 和 "options" 属性。

3. 更改端口号

在 "options" 对象中，有一个 "port" 属性，默认值是 4200。你可以将其更改为你想要使用的端口号。例如，如果你想将服务运行在 8000 端口上，将其更改为：

"port": 8000

4. 保存文件

更改完成后，保存并关闭 angular.json 文件。

5. 重新启动开发服务器

现在，你可以重新启动 Angular CLI 的开发服务器，并将服务运行在新的端口上。打开命令行终端，并导航到 Angular 项目的根目录。然后执行下面的命令：

ng serve

现在，开发服务器将在你指定的端口上启动。

总结

通过按照上述步骤，你可以简单地更改 Angular CLI 的开发服务器端口。这对于避免端口冲突或者与其他应用程序共享端口时非常有用。通过手动设置端口号，你可以根据自己的需求来运行 Angular 项目的开发服务器。

希望本文对你理解如何使用 Angular CLI 更改服务端口有所帮助。独立开发服务器端口可以提高项目的灵活性和可扩展性。