本文详解因 .htaccess 中过度宽泛的 RewriteRule 导致图片等静态资源无法加载的根本原因，并提供精准排除 assets/ 目录、保留合法 PHP 路由的修复方案。
本文详解因 `.htaccess` 中过度宽泛的 rewriterule 导致图片等静态资源无法加载的根本原因，并提供精准排除 `assets/` 目录、保留合法 php 路由的修复方案。
在使用 Apache 的 mod_rewrite 实现“美化 URL”（如将 /catshop/food/adult-cat.food 重写为 show-category.php）时，一个常见却隐蔽的陷阱是：过于宽松的正则规则会意外捕获并重写对静态资源（如 /catshop/assets/img/can-1.png）的请求，导致浏览器发起图片请求后，服务器实际返回的是 show-category.php 的 HTML 内容（HTTP 200），而非图片二进制数据（HTTP 200 + Content-Type: image/png），最终表现为图片“不显示”。
您提供的 .htaccess 文件中关键问题在于这一条规则：
RewriteRule ^((\w+)\/)+(\w.+)$ show-category.php [NE,L]
该正则 ^((\w+)\/)+(\w.+)$ 会匹配任意以字母/数字/下划线开头、包含至少一个 / 的路径（如 /catshop/assets/img/can-1.png），只要它不以 .php 结尾——而图片路径显然满足此条件。因此，当浏览器请求 /catshop/assets/img/food-adult-wet-meo-sardine-in-prawn-jelly-400g.png 时，Apache 错误地将其重写为 show-category.php，PHP 脚本无法输出图片内容，前端自然空白。
更值得注意的是：文件名中的连字符（-）、长度或子目录结构本身并非根本原因。真正的问题是 Rewrite 规则缺乏对静态资源路径（尤其是 assets/）的明确豁免，导致所有非 PHP 路径被“一锅端”重写。
✅ 正确解法：使用 负向先行断言（Negative Lookahead） 精准排除 assets 目录及 PHP 脚本，仅对业务路由生效。以下是优化后的 .htaccess 配置：
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On
# 首页别名
RewriteRule ^home$ index.php [NC,L]
# 分类页别名（如 /food → show-category.php）
RewriteRule ^food$ show-category.php [NC,L]
# 核心修复：仅重写「不以 assets/ 开头」且「不以 .php 结尾」的路径
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^((?!assets).+)$ show-category.php [NE,L]
</IfModule>? 关键改进说明：
- RewriteCond %{REQUEST_FILENAME} !-f 和 !-d：确保仅对不存在的真实文件/目录应用重写（避免覆盖 index.php、assets/img/xxx.png 等物理路径）；
- ^((?!assets).+)$：正则精确排除所有含 assets 子串的请求路径（如 /catshop/assets/...、/assets/...）；
- 移除了原规则中易误匹配的 \w+\/ 模式，改用通用路径匹配 .+，逻辑更清晰、容错性更强；
- 保留 [NE]（No Escape）标志，确保 URL 中的特殊字符（如点号 .）不被转义，适配 .food 等自定义后缀。
⚠️ 注意事项：
- 绝对路径引用必须规范：HTML 中图片应使用 /catshop/assets/img/can-1.png（以 / 开头的根相对路径），确保请求直接命中物理文件，绕过重写；
- 检查文件权限与 MIME 类型：确认 Apache 已启用 mod_mime，且 .png 等扩展名被正确识别为 image/png；
- 禁用缓存调试：修改 .htaccess 后，务必硬刷新（Ctrl+F5）或清除浏览器缓存，避免旧重写规则被缓存；
- 安全提示：原规则中 home 作为关键词存在风险（如 /myhomepage 也会被匹配），建议改用更唯一的路径（如 /home/ 或 /app/home）。
通过上述配置，/catshop/assets/img/food-adult-wet-meo-sardine-in-prawn-jelly-400g.png 将直接由 Apache 读取并返回图片，而 /catshop/food/adult-cat.food 则按需重写至 show-category.php——动静分离，各司其职。
