При локальной работе все изображения на моем сайте загружаются идеально.Но в производстве при использовании Amazon S3 работают только некоторые изображения.
Изображения, помещенные в такой файл HTML, работают как локально, так и в производстве:
<img class="animal" src="/static/images/animals/cat.png" alt="Cat">
Но фоновые изображения, гдеURL-адрес только в CSS-коде, прикрепленном к классу, в HTML-коде работает только локально.
Когда я проверяю элемент на заднем плане в производственном режиме и наводим курсор на URL-адрес фонового изображения, он говорит: «Не удалось загрузить изображение«.При нажатии на ссылку я получаю сообщение об ошибке, которое выглядит следующим образом:
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>212121212</RequestId>
<HostId>asdasdasdasd</HostId>
</Error>
Ссылка на само изображение выглядит следующим образом:
https://mybucket.s3.amazonaws.com/static/images/animals/cat.1a1a1a1a.png?2b2b2b2b
Если я удаляю часть 1a1a1a1aперед .png изображение загружается.
Если я внесу какие-либо другие изменения в файл css, например, изменение цвета фона, все это будет работать локально и в производстве.Именно эти фоновые изображения не будут загружаться в производство.
Папка с изображениями в моей корзине S3 установлена на общедоступную.Я также прошел учебник по настройке CouldFront, и в конце он показывает, как протестировать изображение, и, похоже, это сработало при тестировании.Но я не могу понять, почему эти изображения не будут загружаться на моем рабочем месте.
Другая информация: Я использую Django и Heroku.Также я начал проект с cookiecutter-django