#css #frontend #cloudflare
#css #интерфейс #cloudflare
Вопрос:
Я создал домен на CloudFlare, веб-сайт с HTML и CSS, разместил свою корзину с этими файлами на S3 и интегрировал terraform для развертывания. Когда я запускаю terraform apply и запускаю команду aws cli для обновления корзины S3, изменения форматирования, такие как текст, отображаются немедленно, но мои изменения CSS, такие как размеры и цвета шрифтов, становятся видимыми через несколько часов. Как я могу сделать оба типа изменений видимыми быстро?
Я пытался перезагрузить свой браузер, очистить кеш и настроить автоматическое сокращение в cloudflare. Я не пробовал архивировать свои css и min.css файлы, немного боясь, что могу что-то сломать. Я не знаком с разработкой интерфейса. Предложения?
Комментарии:
1. Это определенно проблема с кешем. Проверьте настройки cloudflare, чтобы очистить там кэш. Вы можете протестировать, используя строку запроса с перебором кэша, например, www.yourdomain.com?cache_bust=1234 или что-то подобное.
Ответ №1:
Для проксируемой («оранжевой облачной») записи DNS Cloudflare применяет поведение кэширования по умолчанию. Это включает в себя кэшированные расширения файлов по умолчанию, такие как файлы CSS. Поведение по умолчанию, кэширование и кэшированные расширения описаны здесь .
Когда вы выполняете выпуск на своем origin (S3 bucket), вы можете очистить кеш, чтобы старые кэшированные версии были удалены, а новые будут извлечены и кэшированы. Вы также можете переопределить поведение кэша с помощью правил страницы. Кстати, правилами страниц (и другими настройками Cloudflare) также можно управлять с помощью Terraform.
Комментарии:
1. Я не знаю, как я это пропустил, но в разделе Кэширование-> конфигурация-> кэширование браузера TTL был автоматически установлен на 4 часа
2. Просто имейте в виду, что у вас также есть кэширование в браузере и пограничное кэширование, 2-е — это время, когда ресурс хранится на серверах Cloudflare.