Reactjs 亚马逊S3图片发布-与Facebook共享-Meta标签“;og:image";-下一代

Reactjs 亚马逊S3图片发布-与Facebook共享-Meta标签“;og:image";-下一代,reactjs,amazon-s3,next.js,facebook-share,Reactjs,Amazon S3,Next.js,Facebook Share,我正在编写代码,将我的网站页面共享到facebook上。我对开放图使用了元标记。以前,页面的图像存储在服务器本身中,我在meta标记中提供指向该图像的链接,如下所示: <meta key="og:image" property="og:image" content={coverImage} // link to the image > 在facebook上分享时,一切都很顺利。图像与标题和描述一起正确显示 最近,我将图像存储改为AmazonS3,而不是存储在服务器上

我正在编写代码,将我的网站页面共享到facebook上。我对开放图使用了元标记。以前,页面的图像存储在服务器本身中,我在meta标记中提供指向该图像的链接,如下所示:

<meta
  key="og:image"
  property="og:image"
  content={coverImage} // link to the image
>

在facebook上分享时,一切都很顺利。图像与标题和描述一起正确显示

最近,我将图像存储改为AmazonS3,而不是存储在服务器上。现在,
coverImage
具有S3链接。我在OpenGraph图像标签中提供此链接,但facebook没有预览图像。我清除了缓存,再次抓取了url,但facebook显示了警告: “无法下载提供的og:image,
https://***.s3.ap-south-1.amazonaws.com/…..*.jpg
。这可能是由于多种原因造成的,例如您的服务器使用了不受支持的内容编码。爬虫程序接受deflate和gzip内容编码。”

这张图片正在其他地方预览,我使用了
ContentType:'image/jpeg',ContentEncoding:'base64',
。我真的不知道为什么这会被facebook屏蔽

如果有人能帮我解决这件事,我将非常感激

提前谢谢