如何在Apache中为指定目录设置独立的favicon.ico图标

前置要求 #

• 确认 Apache 已开启 mod_rewrite、mod_headers 模块
• 确认站点对应目录的 AllowOverride 配置为 All，保证 .htaccess 文件可生效

推荐方案（无侵入、不依赖Referer、无需修改HTML） #

该方案通过给子目录所有响应添加Link响应头的方式，告知浏览器使用对应目录下的favicon，完全不需要修改任何HTML文件，兼容性好。

1. 在你需要单独配置favicon的子目录（本例为/Folder）下新建.htaccess文件
2. 写入以下配置：

<IfModule mod_headers.c>
    Header add Link "</Folder/favicon.ico>; rel=\"icon\"; type=\"image/x-icon\""
</IfModule>

3. 如果有多个子目录需要单独配置，只要在对应子目录下新建.htaccess，将配置中的/Folder/favicon.ico替换为对应子目录的favicon绝对路径即可。

备选方案（重写规则适配所有子目录） #

如果需要所有存在favicon.ico的子目录自动适配图标，不需要逐个配置，可在站点根目录的.htaccess文件中添加以下规则：

RewriteEngine On
# 匹配favicon请求的来源页所属子目录
RewriteCond %{HTTP_REFERER} ^https?://[^/]+/([^/]+)/.*$
# 验证子目录下存在favicon.ico文件
RewriteCond %{DOCUMENT_ROOT}/%1/favicon.ico -f
# 重写favicon请求到对应子目录文件
RewriteRule ^favicon\.ico$ /%1/favicon.ico [L]

验证步骤 #

1. 若修改了Apache主配置/虚拟主机配置，需要重启Apache服务；修改.htaccess无需重启
2. 清除浏览器favicon缓存，或使用无痕模式访问测试，避免旧缓存导致不生效
3. 可通过浏览器开发者工具的「网络」面板，确认子目录页面的favicon请求路径为对应子目录下的文件

内容的提问来源于stack exchange，提问作者connorjrt