Javascript fabric.Image.fromURL上的交叉原点即使设置了交叉原点也会断开CORS

我正在尝试使用fabric.js从AmazonCloudFront/S3URL加载背景图像

fabric.Image.fromURL(imgURL, function(img) {
    canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas),
    {
        scaleX: canvas.width / img.width,
        scaleY: canvas.height / img.height
    });
}, {crossOrigin: 'anonymous'});

当存在交叉原点时，我得到标准误差

Access to image at '...' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当我删除crossOrigin anon时，它将加载图像，但是它会污染画布，因此我无法使用

toDataURL

当我删除crossOrigin anon时，它将加载图像，但是它会污染画布，因此我无法使用toDataURL

这是默认位置。如果您没有指定它，那么它将不允许您执行任何需要CORS许可的操作

当存在交叉原点时，我得到标准误差

Access to image at '...' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

CORS策略已阻止从源“”访问“…”处的映像：请求的资源上不存在“访问控制允许源”标头

匿名

表示“检查CORS权限，但不要将用户凭据发送到其他来源”

因此，它不是禁止访问需要CORS权限的功能，而是首先检查CORS权限，发现您没有权限，然后禁止访问

---

您需要请求图像的服务器为您的JavaScript提供使用CORS读取数据的权限。

CORS策略在S3上已经是允许的，我还可以缺少什么？@NeilAshleyHickman-错误消息说“请求的资源上没有“Access Control Allow Origin”头。”…因此，CORS政策未在此处正确设置。对于稍后关注此问题的任何人。如果您更新AWS上的CORS政策。。。。。。。清除缓存。您好@Llanilek，一个客户端出现了这个问题-我们有一个CORS配置，我们已经清除了缓存，但是我们仍然看到它，并且必须打开开发人员工具来阻止它。