如何配置Angular Native Federation在开发模式下通过HTTPS提供服务

Native Federation生成的serve配置是通过target指向原始Angular dev-server配置的，所以不能直接在当前serve的options里加SSL参数，得把SSL配置放到目标配置中：

1. 在angular.json里找到serve-original配置项（Native Federation自动生成，对应原@angular-devkit/build-angular:dev-server builder）
2. 给serve-original的options添加SSL相关配置：

"serve-original": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "sslKey": "./dev-server-certs/localhost.key",
    "sslCert": "./dev-server-certs/localhost.crt",
    "ssl": true,
    // 保留原有其他配置
  }
}

3. 保持Native Federation的serve配置不变，确保target正确指向带SSL的原始服务配置：

"serve": {
  "builder": "@angular-architects/native-federation:build",                  
  "options": {
    "target": "shell:serve-original:development",
    "rebuildDelay": 0,
    "dev": true,
    "port": 0
  }
}

4. 所有远程微前端应用也要执行同样操作：找到各自的serve-original配置，添加SSL参数，确保它们的serve配置指向带SSL的原始服务配置。

完成后启动ng serve，Shell和远程应用都会通过HTTPS提供服务，访问链接会变为https://localhost:xxxx格式。

内容的提问来源于stack exchange，提问作者Bernd