如何为Fabric js 1.7.22中的所有对象自动添加“ access-control-allow-origin”？

Question

我正在使用Fabric js 1.7.22版。 将Amazon s3的图像加载到画布中时会产生此问题。会引发跨域错误。

这是我的存储桶，有很多文件夹。             “用户上传”和“资源”

图像的URL如下：

https://bucketName.s3.amazonaws.com/bucketName/user-upload/image.jpg
https://bucketName.s3.amazonaws.com/bucketName/resource/image.jpg

当我尝试通过第一个URL从“ user-upload”文件夹中加载图片时，它将引发跨源错误， 但是，当我尝试通过第二个URL从“资源”文件夹中加载图像时，它将成功加载。

我的存储桶cors配置如下：

<CORSRule>
  <AllowedOrigin>*</AllowedOrigin>
  <AllowedMethod>GET</AllowedMethod>
  <AllowedMethod>PUT</AllowedMethod>
  <AllowedMethod>POST</AllowedMethod>
  <AllowedMethod>DELETE</AllowedMethod>
  <AllowedHeader>*</AllowedHeader>
  <ExposeHeader>x-amz-server-side-encryption</ExposeHeader>
  <ExposeHeader>x-amz-request-id</ExposeHeader>
  <ExposeHeader>x-amz-id-2</ExposeHeader>
</CORSRule>

我不知道我在哪里错，请帮助我，如何在Amazon s3中设置cors配置。

在面料的“ fromUrl”方法向画布加载图像请求之前，有什么方法可以自动添加“ access-control-allow-origin”吗？

我在Mac中使用Safari。并引发跨域错误。