javascript - 无法加载<resource>:所请求的资源上没有“Access-Control-Allow-Origin” header

当我尝试从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.

知道我该如何解决吗？

最佳答案

转到您的S3控制台
点击您的存储桶名称
转到“权限”
转到“ CORS配置”
配置您的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>

关于javascript - 无法加载<resource>:所请求的资源上没有“Access-Control-Allow-Origin” header ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48962261/