CORS政策S3存儲

Question

在我的CSS文件，我有相對路徑：

.css-emoticon.smile{ 
     background: url('../../images/sprites.png'); 
     background-position: -16px -18px ; 
} 

但我得到一個錯誤403，禁止對sprite.png文件從S3拉在我的網站加載的時候。 css文件從S3加載到我的網站上。

我的S3位於一個子域：http://media.example.com和網站，從S3文件加載是http://example.com

這裏是我的CORS文件：

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>*</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <MaxAgeSeconds>3000</MaxAgeSeconds> 
     <AllowedHeader>Content-*</AllowedHeader> 
     <AllowedHeader>Host</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration> 

如何設置CORS策略的任何想法允許我的CSS中的相對URL？

非常感謝

Answer 1

貌似我沒有設置桶政策允許訪問的文件夾../../images/。

新桶政策（CORS看起來是正確的）

{ 
    "Version": "2008-10-17", 
    "Statement": [ 
     { 
      "Sid": "AllowPublicRead", 
      "Effect": "Allow", 
      "Principal": { 
       "AWS": "*" 
      }, 
      "Action": "s3:GetObject", 
      "Resource": [ 
       "arn:aws:s3:::media.example.com/prod", 
       "arn:aws:s3:::media.example.com/images" 
      ] 
     } 
    ] 
}