升级Angular到11后出现baseHref已废弃告警如何解决

这个告警是因为Angular 11已废弃旧版全局/命令行传入的baseHref配置入口，要求必须将该配置放到浏览器构建器自身的配置项中，你之前的配置大概率是放错了层级，所以没有生效。

具体操作步骤：

• 第一步：打开项目根目录的angular.json文件，定位到projects -> 你的项目名称 -> architect -> build配置节点
• 第二步：确认build节点的builder字段值为@angular-devkit/build-angular:browser，找到和builder同级的options字段
• 第三步：在options对象内添加"baseHref": "/certs/"，不要放在options外的其他层级，也不要放在configurations的子节点中（如需多环境配置可以分别放到对应环境的configurations子节点的options里）
• 第四步：检查package.json的scripts中，ng build、ng serve相关命令是否带了--base-href参数，如果有需要删除该参数，避免仍触发废弃告警

正确配置参考示例：

{
  "projects": {
    "你的项目名": {
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "baseHref": "/certs/",
            // 其他原有配置比如outputPath、index、main等保持不变
            "outputPath": "dist/xxx",
            "index": "src/index.html",
            "main": "src/main.ts"
          }
        }
      }
    }
  }
}

修改完成后重启本地服务或重新执行构建命令，告警就会完全消除。

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