我正在尝试通过 Cloudflare CDN 从 Amazon S3 加载图像。当通过 JavaScript 响应头将
src
添加到 <img />
标记时,cf-cache-status
返回 MISS
,但是当我在新选项卡中打开图片时,它应该是 HIT
(通过 CDN 缓存工作)。
请求头的区别是
通过JavaScript获取图像时:
accept:image/webp,image/*,*/*;q=0.8
referer:https://example.com/
在新选项卡中打开时:
accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
cache-control:max-age=0
if-modified-since:Sun, 15 Jan 2017 15:57:40 GMT
if-none-match:"62d2f51d08bd490d403206a37bec9c15"
upgrade-insecure-requests:1
我应该怎么做才能从我的网页制作
HIT
?
尝试让你的标题响应为
add_header Cache-Control "public, max-age=2592000, s-max-age=2592000";