Заголовок Lambda @ Edge Cache-Control отсутствует Cloudfront - PullRequest
Новая
       42

Заголовок Lambda @ Edge Cache-Control отсутствует Cloudfront

0 голосов
/ 10 мая 2019

У меня есть изображения, хранящиеся на S3, и лямбда-функция для изменения их размера на лету. При этом я добавляю CacheControl: 'max-age=31536000' к измененным изображениям, а также добавляю заголовок Cache-Control: 

.then(buffer => {
  // save the resized object to S3 bucket with appropriate object key.
  S3.putObject({
    Body: buffer,
    Bucket: BUCKET,
    ContentType: 'image/jpg',
    CacheControl: 'max-age=31536000',
    Key: `uploads/${key}`,
  })

  // generate a binary response with resized image
  response.status = 200
  response.body = buffer.toString('base64')
  response.bodyEncoding = 'base64'
  response.headers['content-type'] = [{ key: 'Content-Type', value: 'image/jpg' }]
  response.headers['cache-control'] = [{ key: 'Cache-Control', value: 'public, max-age=31536000' }]
  callback(null, response)
})

А если миниатюра уже сгенерирована, я просто делаю: 

if (!response.headers['cache-control']) {
  response.headers['cache-control'] = [{ key: 'Cache-Control', value: 'public, max-age=31536000' }]
}
callback(null, response)

В моем дистрибутиве Cloudfront у меня есть следующие настройки:

  • Кэш на основе выбранных заголовков запроса: отсутствует
  • Кэширование объектов: используйте заголовки кэша Origin

Лямбда работает нормально, но когда я смотрю в devtools, кажется, что Chrome никогда не кэширует изображения. Вот информация, которую я получаю: 

General
  Request URL: https://aws.mydomain.com/478/dd123cd5-1636-47d0-b756-e6c6e9cb28c0/normal/pic.jpg
  Request Method: GET
  Status Code: 200 
  Remote Address: 52.84.31.149:443
  Referrer Policy: no-referrer-when-downgrade
  age: 382

Response Headers
  content-length: 49192
  content-type: image/jpg
  date: Thu, 09 May 2019 20:41:42 GMT
  server: AmazonS3
  status: 200
  via: 1.1 261e801dca9c54ff576f39f96d80ede5.cloudfront.net (CloudFront)
  x-amz-cf-id: ZlheiBoNDuYDeuvZo0jBP6Zjpge5AonPGlCo_N2pHhHdGwV7DorKtA==
  x-amz-id-2: xkDxIB0qDJt5KMeHINq7/gaRII6EDBOsL3SlMuhMwJ84M/lak9E/tcRChv7vvYurD+2hYOT8kSI=
  x-amz-request-id: CAD9AE1E905BB13A
  x-cache: Hit from cloudfront

Request Headers
  :authority: aws.mydomain.com
  :method: GET
  :path: /478/dd123cd5-1636-47d0-b756-e6c6e9cb28c0/normal/pic.jpg
  :scheme: https
  accept: */*
  accept-encoding: gzip, deflate, br
  accept-language: en-US,en;q=0.9
  user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36

Control-Cache отсутствует, и я не могу понять это ...

Когда я делаю недействительными все изображения в дистрибутиве, единственным изменением является значение x-cache: «Ошибка из облачного фронта» при первой загрузке (состояние 200 и изображение загружено нормально)

1 Ответ

0 голосов
/ 10 мая 2019

Хорошо, так что, очевидно, невозможно добавить заголовки с контролем кэша в лямбду-источник-ответ. Вы должны сделать это в лямбде зрителя-ответа. Примерно так: 

exports.handler = (event, context, callback) => {
  const response = event.Records[0].cf.response;
  if (!response.headers['cache-control']) {
    response.headers['cache-control'] = [{
      key: 'Cache-Control',
      value: 'max-age=31536000'
    }];
  }
  callback(null, response);
};
...