升级Angular 17后ng serve SSL参数失效，如何启用HTTPS？

Angular 17对ng serve的参数逻辑做了调整，原命令行直接传入的--ssl、--ssl-cert、--ssl-key参数已被移除，需通过以下方式配置启用HTTPS：

方法1：修改angular.json默认配置 #

在项目根目录的angular.json文件中，找到对应项目的architect > serve > options节点，添加HTTPS相关配置项：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "port": 4201,
    "ssl": true,
    "sslCert": "my-cert.pem",
    "sslKey": "my-key.key"
  },
  // 保留原有其他配置内容
}

修改完成后，直接执行ng serve即可自动启用HTTPS，端口与证书信息会读取配置中的内容。

方法2：新增自定义配置项并通过命令行指定 #

若不想改动默认配置，可在angular.json的serve > configurations下新增一个SSL专用配置：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    // 默认配置内容
  },
  "configurations": {
    "production": {
      // 原有生产环境配置
    },
    "local-ssl": {
      "port": 4201,
      "ssl": true,
      "sslCert": "my-cert.pem",
      "sslKey": "my-key.key"
    }
  }
}

之后执行命令指定该配置：

ng serve --configuration local-ssl

方法3：用环境变量临时启用HTTPS #

如果仅需临时测试HTTPS，可通过环境变量直接传递配置：

NG_SERVE_SSL=true NG_SERVE_SSL_CERT=my-cert.pem NG_SERVE_SSL_KEY=my-key.key ng serve --port 4201

注意：证书文件路径需确保是相对于项目根目录的正确路径，路径错误会导致证书加载失败。

内容的提问来源于stack exchange，提问作者Walter Pereira de Souza Junior