0

我生成了 *.webp 文件，它们的名称与它们的 png 或 jpg 源完全相同。然后我将它添加到我的 .htaccess 中：

<IfModule mod_rewrite.c>
 RewriteEngine On

 # Does browser explicitly support webp?
 RewriteCond %{HTTP_USER_AGENT} Chrome [OR]

 # OR Is request from Page Speed
 RewriteCond %{HTTP_USER_AGENT} "Google Page Speed Insights" [OR]

 # OR does this browser explicitly support webp
 RewriteCond %{HTTP_ACCEPT} image/webp [OR]

 # AND does a webp image exists?
 RewriteCond %{DOCUMENT_ROOT}/$1\.webp -f

 # THEN send the webp image and set the env var webp
 RewriteRule (.+\.(?:jpe?g|png))$ $1.webp [NC,L]

</IfModule>

 <IfModule mod_mime.c>
   AddType image/webp .webp
 </IfModule>

我的期望：

所有 jpg 文件都正常加载，例如 /test/marc.jpg 如果存在同名的 webp，则通过 url /test/marc.jpg 提供 webp 文件

webp文件的这个作品是存在的。但是如果我删除一个 webp 文件，我会在 jpg 或 png url 上得到一个 404。即使是旧的 jpg 或 png 网址也会给出 404。例如：

/www/media/
  .htaccess
  marc.jpg
  marc.webp

http://domain/marc.jpg 服务于 webp。我在禁用缓存的情况下从 chrome 进行测试。当我删除 marc.webp 时，我在 http://domain/marc.jpg 上得到 404 为什么？RewriteCond %{DOCUMENT_ROOT}/$1.webp -f 应该可以解决这个问题，对吧？

4

1 回答 1

1

这两行不是在寻找您描述的文件：

 # AND does a webp image exists?
 RewriteCond %{DOCUMENT_ROOT}/$1\.webp -f

 # THEN send the webp image and set the env var webp
 RewriteRule (.+\.(?:jpe?g|png))$ $1.webp [NC,L]

在这两个中，$1指的是 RewriteRule 中第一个捕获的匹配项，在这种情况下是(.+\.(?:jpe?g|png)). 如果您请求“marc.jpg”，则整个字符串匹配，并将被放置在$1. 因此，这两行评估为：

如果文件“marc.jpg.webp”存在，则以“marc.jpg.webp”响应

既然没有，规则将不会运行。

你想要的条件是：

如果文件“marc.webp”存在，则以“marc.webp”响应

因此，您只想$1包含所请求文件的“marc”部分；这只是移动右括号的问题：

 RewriteRule (.+)\.(?:jpe?g|png)$ $1.webp [NC,L]

这不能解释为什么您的规则似乎有效，并且在您删除文件时停止工作。我怀疑您在其他地方有另一条规则，这使情况混乱。

于 2021-04-03T13:38:32.470 回答