反应-从s3获取图像时，请求的资源上不存在“Access Control Allow Origin”标头

Question

import imageToBase64 from 'image-to-base64';
...

formatImageToBase64 = () => {
   imageToBase64("https://example.s3.ap-southeast-1.amazonaws.com/images/image1") // Path to the image
       .then(
           (response) => {
               console.log(response);
           }
       )
       .catch(
           (error) => {
               console.log(error); 
           }
       )
}

当我运行这个函数时，出现如下错误

Access to fetch at 'example.s3.ap-southeast-1.amazonaws.com/images/image1?AWSAccessKeyId=qwertyuip12344&Expires=1664366635&Signature=aoqogfjfj3%2Foofofol%3D' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled

我检查了我的S3设置，但似乎没有问题。

Answer 1

尝试<代码>

有关如何定义CORS的更详细描述，请查看：S3-Access-Control-Allow-Origin Header

更新：我已尝试访问您提供的链接，我得到的回报是以下消息“您尝试访问的存储桶必须使用指定的终结点寻址。请将所有未来的请求发送到此终结点”。您可以访问：AWS S3：您尝试访问的存储桶必须使用指定的endpoint寻址