无法加载<resource>：请求的资源上没有“Access-Control-Allow-Origin”标头

Question

当我尝试从S3存储桶加载.svg图标时，我在控制台中收到此错误：

Failed to load https://<my_bucket>.s3.amazonaws.com/static/js/Trumbowyg-master/dist/ui/icons.svg: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://<my_site>.com' is therefore not allowed access.

知道如何解决这个问题吗？

Answer 1

1. 转到S3控制台
2. 点击您的存储桶名称
3. 转到“权限”
4. 转到“CORS配置”

5. 配置您的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>POST</AllowedMethod>
       <AllowedMethod>PUT</AllowedMethod>
       <AllowedHeader>*</AllowedHeader>
   </CORSRule>
   </CORSConfiguration>