无法在Azure DevOps中构建Angular项目，授权无效求解决方案

一、检查Azure服务连接权限配置 #

• 进入Azure DevOps项目的「项目设置」→「服务连接」，找到对应的Azure订阅连接
• 点击「编辑」，确认关联的**服务主体(Service Principal)**拥有目标Azure Web App的Contributor权限
• 若权限不足，登录Azure Portal，找到目标Web App，进入「访问控制(IAM)」，添加该服务主体为Contributor角色

二、重新创建Azure服务连接 #

• 删除当前有问题的Azure订阅连接，选择「新建服务连接」→「Azure Resource Manager」
• 选择「服务主体（自动）」模式完成创建，确保DevOps能自动获取正确的权限映射
• 回到YAML脚本，将azureSubscription字段更新为新创建的服务连接名称

三、验证构建服务账户权限 #

• 检查Azure DevOps构建服务账户（格式：{项目名称} Build Service ({组织名称})）是否在Azure订阅中拥有权限
• 在Azure Portal的订阅「访问控制(IAM)」中，添加该账户为Contributor角色（按需配置）

四、优化YAML脚本的潜在问题 #

• 路径修正：Angular构建产物默认在dist/{项目名称}目录下，需确认packageForLinux路径是否准确，比如改为dist/schooly-angular/
• 构建命令更新：Angular 12+版本中--prod已被废弃，建议将ng build --prod改为ng build --configuration production
• 工作目录指定：若项目代码在schooly-angular子目录，需为每个脚本步骤添加workingDirectory: 'schooly-angular'，避免依赖安装或构建路径错误

五、清除缓存并重新触发构建 #

• 取消当前运行的构建任务，进入Azure DevOps管道的「缓存」设置，清除相关缓存
• 重新触发构建，观察授权弹窗是否消失

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