Question

我正在建立一个Ember网站，但我的图片无法在生产中加载。

我正在使用最新版本。我已经安装了SASS模块并且有一个非常基本的样式表 应用\样式\ 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

当我做一个基本的余烬服务时，这很好用。但是，执行 ember部署生产 - 激活到AWS S3会出错。

我的所有资源都按预期进行了指纹识别，因此我的图像文件就变成了的资产/图像/ StockSnap_8SAODL7HZ4-4279bf0a502da08d183b81b67d479b40.jpg

但是我的app.css没有得到更新并继续寻找的资产/图像/ StockSnap_8SAODL7HZ4.jpg

我想我错过了一些显而易见但又不确定的东西！

Answer 1

根据粘贴的网址示例判断，区分大小写可能会导致此处出现问题。

如果URL在生产中中断，但在本地工作正常，我首先检查URL与实际文件路径之间的大小写不匹配。这可能会导致问题，因为生产服务器通常具有案例敏感文件系统（特别是如果您有Linux服务器），但大多数开发机器通常都是不敏感。

例如，如果您有此网站结构：

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

这适用于案例不敏感文件系统：

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

但是，对于案例敏感文件系统，它将为404。

Ember CSS - 图像未在生产中加载

1 个答案: