图像不会显示在 AWS S3 上托管的静态页面上

Question

在 S3 中，我有一个 index.html、一个 CSS 文件和一个包含 3 个 jpg 文件的图像文件夹。我将 jpg 剪切并粘贴到 S3 文件夹中。他们显示为在那里。我根据说明设置了显示策略以向所有人显示。页面显示，但图像没有。我得到了替代文字和工具提示，但没有图像。在页面上，当我右键单击在新选项卡中打开图像时，我收到一条 XML 格式的拒绝访问消息。页面为:http://s3.amazonaws.com/pittsfordcommunitycenter/index.html

图像显示在我的开发 PC 上。我在 AWS 中尝试了很多东西，包括文档建议的内容。我需要改变什么？

Answer 1

这是您的 index.html 网址:

http://s3.amazonaws.com/pittsfordcommunitycenter/index.html

这是您的第一个图像 URL，它缺少存储桶名称:

http://s3.amazonaws.com/images/WheelchairInElevator_w_475.jpg

图片网址实际上应该是:

http://s3.amazonaws.com/pittsfordcommunitycenter/images/WheelchairInElevator_w_475.jpg

查看您的页面源代码，鉴于您的 index.html 文件的位置，您的所有图像路径都应以 ./images/ 开头。而不是 ../images/ .由于它适用于您的本地机器，我猜您的本地 index.html 位置相对于图像文件是不同的。