AWS S3预签名URL上传报错：请求存在多种认证类型，请使用一种

问题根源 #

使用预签名URL上传时，AWS已通过URL内置的签名参数完成身份验证，若请求同时携带其他认证头（比如Angular HTTP拦截器自动添加的Authorization头），就会触发"请求包含多种认证类型，请仅使用一种"的错误。

解决方案 #

1. 清理Angular上传请求的多余认证头 #

在上传请求中明确移除自动添加的认证信息，示例代码：

import { HttpClient } from '@angular/common/http';

uploadFile(preSignedUrl: string, file: File) {
  const formData = new FormData();
  formData.append('file', file);

  return this.http.put(preSignedUrl, formData, {
    headers: {
      // 移除可能存在的Authorization头
      'Authorization': undefined
    },
    withCredentials: false
  });
}

2. 校验.NET Core预签名URL生成逻辑 #

确保生成URL时指定了正确的HTTP方法（需与Angular上传方法一致），示例代码：

using Amazon.S3;
using Amazon.S3.Model;

public async Task<string> GenerateS3PreSignedUrl(string bucketName, string objectKey)
{
    var s3Client = new AmazonS3Client("你的访问密钥", "你的密钥Secret", Amazon.RegionEndpoint.你的区域);
    
    var request = new GetPreSignedUrlRequest
    {
        BucketName = bucketName,
        Key = objectKey,
        Verb = HttpVerb.Put, // 需匹配Angular上传使用的PUT方法
        Expires = DateTime.UtcNow.AddMinutes(15)
    };
    
    return s3Client.GetPreSignedURL(request);
}

3. 排查全局HTTP拦截器 #

若项目存在全局拦截器，需对预签名URL请求跳过认证头添加，示例拦截器逻辑：

import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    // 识别预签名URL，跳过认证头注入
    if (req.url.includes('amazonaws.com') && req.url.includes('X-Amz-Signature')) {
      return next.handle(req);
    }
    
    // 其他请求的认证头逻辑
    const authReq = req.clone({
      headers: req.headers.set('Authorization', '你的常规认证令牌')
    });
    return next.handle(authReq);
  }
}

验证要点 #

• 上传前检查请求头，确认无Authorization或其他AWS认证相关字段
• 确认预签名URL包含X-Amz-Signature、X-Amz-Credential等必要参数
• 用Postman直接测试预签名URL，排除Angular代码干扰，验证URL本身有效性

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