Ember CSS-無法在生產中加載圖像

Question

我正在建立一個Ember網站，但我的圖片無法在生產中加載時遇到了問題。

我正在使用最新版本。 我已經安裝了SASS模塊，並在app \\ styles \\ app.scss中有一個非常基本的樣式表

html {
    height: 100%;
    overflow-y: hidden;
}

body {
    background-image: url('/assets/images/StockSnap_8SAODL7HZ4.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

SASS模塊很樂意將其轉換為app.css

當我做一個基本的余燼服務，這工作正常。 但是，在進行余燼部署生產-激活到AWS S3時，出現了問題。

我所有的資產都按預期方式被指紋識別，因此我的圖像文件變成了資產/Images/StockSnap_8SAODL7HZ4-4279bf0a502da08d183b81b67d479b40.jpg

但是我的app.css沒有得到更新，而是繼續查找資產/圖片/StockSnap_8SAODL7HZ4.jpg

我想我缺少明顯的東西，但不確定是什么！

Answer 1

從粘貼的URL示例來看，區分大小寫可能會引起問題。

如果某個URL中斷了生產，但是在本地運行良好，那么我首先檢查URL與實際文件路徑之間是否存在大小寫不匹配。 這可能會引起問題，因為生產服務器通常具有區分大小寫的文件系統（特別是如果您具有Linux服務器），但是大多數開發機通常都不區分大小寫 。

例如，如果您具有以下站點結構：

test-site
├── imgs
│   └── test-image.png
└── index.html

這將在不區分大小寫的文件系統上工作：

<img src="IMGS/test-image.png">

但是，它將在區分大小寫的文件系統上顯示404。