圖像不會顯示在 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 位置相對於圖像文件是不同的。

Answer 2

與本地機器不同，AWS 域鏈接區分大小寫。 在 AWS S3 靜態虛擬主機中

../images/WHEELCHAIRINELEVATOR_W_475.JPG is **NOT EQUAL** to
../images/wheelchairinelevator_w_475.jpg