部署AWS S3相册示例遇凭证缺失，如何配置AWS_SDK_LOAD_CONFIG？

这个错误的核心原因是网页端SDK未能通过Cognito身份池获取到临时访问凭证，和本地~/.aws/credentials文件无关（那是CLI/服务器端用的，浏览器环境完全不需要），按以下步骤排查修复：

1. 确认Cognito身份池允许未认证身份 #

进入Cognito控制台找到你的身份池，在「身份池设置」里确保允许未认证身份处于开启状态——直接打开网页的用户属于未认证身份，关闭的话根本无法获取凭证。

2. 检查未认证IAM角色的信任策略 #

找到为未认证身份创建的IAM角色，查看「信任关系」，确保策略正确信任Cognito身份池：

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "Federated": "cognito-identity.amazonaws.com"
      },
      "Action": "sts:AssumeRoleWithWebIdentity",
      "Condition": {
        "StringEquals": {
          "cognito-identity.amazonaws.com:aud": "你的IDENTITY_POOL_ID"
        },
        "ForAnyValue:StringLike": {
          "cognito-identity.amazonaws.com:amr": "unauthenticated"
        }
      }
    }
  ]
}

替换其中的你的IDENTITY_POOL_ID为实际值，保存更新。

3. 验证SDK初始化代码 #

检查photoview.js里的AWS配置代码，确保格式正确，不要额外添加硬编码的accessKey等内容：

AWS.config.region = '你的区域'; // 例如us-east-1
AWS.config.credentials = new AWS.CognitoIdentityCredentials({
  IdentityPoolId: '你的IDENTITY_POOL_ID', // 格式如us-east-1:xxxxxx-xxxx-xxxx-xxxx-xxxxxx
});

确认区域和身份池ID完全匹配控制台中的值。

4. 配置S3存储桶CORS规则 #

由于网页从S3对象URL打开，需要存储桶允许跨域请求：
进入S3控制台→目标存储桶→「权限」→「跨域资源共享(CORS)」，添加以下配置：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
  <CORSRule>
    <AllowedOrigin>*</AllowedOrigin> <!-- 测试阶段用*，上线后替换为实际域名 -->
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

保存后等待5-10分钟让配置生效。

5. 确认IAM角色的S3权限 #

确保未认证角色的权限策略包含S3列表和读取权限：

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Action": [
        "s3:ListBucket",
        "s3:GetObject"
      ],
      "Resource": [
        "arn:aws:s3:::你的存储桶名称",
        "arn:aws:s3:::你的存储桶名称/*"
      ]
    }
  ]
}

替换为你的存储桶名称，确保资源ARN准确。

额外排查技巧 #

打开浏览器开发者工具（F12）→「控制台」，查看是否有Cognito请求失败的详细错误信息，比如区域不匹配、身份池ID错误等，能更快定位问题。

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