能否为单个CloudFront分配配置指向同一S3桶不同文件夹的两个源？

核心解决方案 #

要在单个S3桶的不同子文件夹上配置不同CloudFront缓存行为，你需要：

• 为每个子文件夹创建独立的CloudFront Origin（每个Origin必须有唯一ID）
• 为每个Origin配置唯一的路径模式对应缓存行为

错误原因解析 #

1. Origin ID重复报错：CloudFront要求每个Origin的ID全局唯一，哪怕指向同一个S3桶，也不能重复使用同一个ID。
2. 路径模式重复报错：每个缓存行为的路径模式（PathPattern）必须唯一，CloudFront无法用相同路径匹配多个行为。

具体配置示例（以CloudFormation为例） #

1. 定义多个指向同一S3桶的Origin

每个Origin通过OriginPath指定对应的子文件夹，同时设置唯一的Id：

Resources:
  MySingleBucket:
    Type: AWS::S3::Bucket
    Properties:
      BucketName: "my-project-bucket"

  CloudFrontOAI:
    Type: AWS::CloudFront::CloudFrontOriginAccessIdentity
    Properties:
      CloudFrontOriginAccessIdentityConfig:
        Comment: "OAI for single bucket access"

  MyCloudFrontDistro:
    Type: AWS::CloudFront::Distribution
    Properties:
      DistributionConfig:
        Origins:
          # 对应SPA子文件夹的Origin
          - Id: "S3-SPA-Origin"
            DomainName: !GetAtt MySingleBucket.DomainName
            OriginPath: "/spa" # 指定S3子文件夹
            S3OriginConfig:
              OriginAccessIdentity: !Sub "origin-access-identity/cloudfront/${CloudFrontOAI}"
          # 对应用户生成内容的Origin
          - Id: "S3-User-Uploads-Origin"
            DomainName: !GetAtt MySingleBucket.DomainName
            OriginPath: "/user-uploads" # 指定另一个子文件夹
            S3OriginConfig:
              OriginAccessIdentity: !Sub "origin-access-identity/cloudfront/${CloudFrontOAI}"

2. 配置对应唯一路径的缓存行为

为每个Origin设置不同的路径模式，匹配用户访问的URL路径：

CacheBehaviors:
          # SPA的缓存行为：匹配/app/*路径，指向SPA子文件夹
          - PathPattern: "/app/*"
            TargetOriginId: "S3-SPA-Origin"
            ViewerProtocolPolicy: redirect-to-https
            # SPA专属缓存策略：比如禁用HTML缓存，支持SPA路由重定向
            CachePolicyId: "658327ea-f89d-4fab-a63d-7e88639e58f6" # 托管的禁用缓存策略
            OriginRequestPolicyId: "88a5eaf4-2fd4-4709-b370-b4c650ea3fcf" # 托管的CORS策略
          # 用户内容的缓存行为：匹配/uploads/*路径，指向用户上传子文件夹
          - PathPattern: "/uploads/*"
            TargetOriginId: "S3-User-Uploads-Origin"
            ViewerProtocolPolicy: redirect-to-https
            # 用户内容缓存策略：长缓存时间，支持上传方法
            CachePolicyId: "4135ea2d-6df8-44a3-9df3-4b5a84be39ad" # 托管的优化缓存策略
            AllowedMethods: ["GET", "HEAD", "PUT", "POST", "DELETE"]
            CachedMethods: ["GET", "HEAD"]
        # 默认缓存行为（可选）：匹配所有未被上面覆盖的路径
        DefaultCacheBehavior:
          TargetOriginId: "S3-SPA-Origin"
          ViewerProtocolPolicy: redirect-to-https
          CachePolicyId: "658327ea-f89d-4fab-a63d-7e88639e58f6"

关键注意事项 #

• S3权限配置：确保CloudFront OAI拥有访问S3桶对应子文件夹的权限（在S3桶策略中指定arn:aws:s3:::my-project-bucket/spa/*和arn:aws:s3:::my-project-bucket/user-uploads/*的访问权限）。
• 路径匹配优先级：CloudFront会优先匹配更具体的路径模式（比如/app/*比/*优先级高），所以把特殊路径的行为放在前面。
• SPA路由支持：如果SPA需要支持前端路由，需要在缓存行为中配置错误页面重定向到index.html（可以通过自定义错误响应实现）。

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