Как сказать браузеру принимать css-файлы с метками времени, хранящиеся в S3

Question

Мне нужно сохранить настроенные файлы CSS в AWS S3, используя скрепку, и загрузить их обратно в html-файл, используя URL-адрес вложения скрепки.Таким образом, тег link будет выглядеть примерно так:

 <link rel = "stylesheet" href = "https://s3.us-east-2.amazonaws.com/....../theme.css20190126-23995-3w63v8.css?1548515496"> 

При загрузке файла в Firefox в консоли отобразится следующая ошибка:

Таблица стилей https://s3.us -east-2.amazonaws.com /....../ theme.css20190126-23995-3w63v8.css? 1548515496 не был загружен, поскольку его тип MIME, «text / plain», не является «text /»css ”.

Я попытался использовать это решение и добавил .url(:default, timestamp: false) к URL-адресу вложения.Однако это дает неправильный URL-адрес файла для браузера, и CSS-файл не загружается.

Answer 1

AWS S3 возвращает тип контента по умолчанию «text / plain», поэтому вы должны установить метаданные на AWS S3.

1. Войдите в консоль AWS.
2. Перейдите к своему файлу (xxx / xxx / theme.css20190126-23995-3w63v8.css) на консоли AWS S3.
3. Откройте вкладку Свойства вашего файла.
4. Добавить тип контента нажмите «+ Добавить метаданные» в разделе «Метаданные».

Конечно, вы можете изменять метаданные из программ.

https://docs.aws.amazon.com/en_us/sdk-for-ruby/v3/developer-guide/s3-example-upload-bucket-item-with-metadata.html