CloudFront设置浏览器缓存时间

当访问CloudFront时,返回给浏览器的文件默认没有设置expirecache-control头,这样浏览器每次访问都需要重新发请求给CloudFront。对于一些静态资源,没必要每次都请求CloudFront。

设置浏览器缓存时间

参考: https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Expiration.html#ExpirationAddingHeadersInS3

由于cloudfront的源是S3,所以要在S3桶里设置返回头信息

image-20200311142339131

S3的配置如下:

image-20200311142528755

设置完成后,下次CloudFront回源S3时,会返回给浏览器这个头,浏览器就不用每次都重新请求CloudFront拿这个文件。