htaccess - js和CSS工作的缓存，但不是webp

Question

我的htaccess文件中只有:

<FilesMatch ".(js|css|webp)$">
Header set Cache-Control "public, max-age=1928448000"
</FilesMatch>

当我在webpagetest.org/lighthouse中测试它时，它缓存css/js文件，但对于webp文件，它返回一个错误:Serve static assets with an efficient cache policy.

我应该添加更多的东西到.htaccess文件吗?

** UPDATE **

webp:

accept-ranges bytes
content-length 8001
content-type image/webp
date Sun, 17 Oct 2021 11:42:03 GMT
etag "611373cb-1f41"
last-modified Wed, 11 Aug 2021 06:52:59 GMT
server nginx
X-Firefox-Spdy h2

css:

cache-control max-age=31536000, public
content-encoding gzip
content-type text/css
date Sun, 17 Oct 2021 11:42:02 GMT
etag W/"616be5d8-12b3a"
expires max-age=A31557600, public
last-modifiedSun, 17 Oct 2021 08:59:04 GMT
server nginx
vary Accept-Encoding
X-Firefox-Spdy h2

Answer 1

它缓存css/js文件，但对于webp文件

你在.htaccess中的指令没有被处理为CSS或WEBP文件。CSS文件响应中的Cache-Control标头与您在.htaccess中设置的标头不对应。碰巧这已经是一个未来的日期，所以它通过了"测试"。

server nginx

你有一个前端代理服务于你的静态资源。控制缓存的是这个，而不是Apache。对于这些请求，Apache/.htaccess中的指令完全被绕过。