How to set Cache-Control Header in amazon cloudfront?

Question

I have a amazon cloudfront distribution that creates a 'origin' to my CDN. In my behavior, I set the Max TTL, Min TTL and default TTL. But my response header does't return the Cache-control header in my static files that are redirected. How to set the cache-control? I need this for the google page insights

Files to create cache-control

My header responses

Answer 1

You can add a Cache-Control header to your CloudFront instance without the use of functions.

• Go to AWS Console and navigate to the CloudFront instance
• Go to Policies -> Response Headers and click on "Create response header policy" under custom policies. If you have an existing policy edit it.
• In the next screen under Custom headers add, Cache-Control header along with the max age value you want. This value can be set to override origin if you want it.
• Now go to your Distribution and navigate to the Behaviours tab.
• In your default behaviour, under the Response headers policy select the one you just created.

All your responses will now include the cache headers you have set.

Answer 2

You can : 1. configure origin to add the Cache-Control header in response. Or 2. use Lambda@edge (Viewer response as you just want to use it for google page insights) to add Cache-control header in the response. Example: https://github.com/jkrnak/serverless-lambda-at-edge/blob/master/handler.js

Defining TTL doesn't add any cache-control header, it uses to consider how long it need to cache.