如何使用mod-rewrite实现SEO友好的GET参数URL伪静态？

当前网站接受的GET参数URL格式：
https://我的网站/details.php?id=AlphaNumericKeys

期望修改为伪静态格式：
https://TripTale.in/details/someTexts/AlphaNumericKeys

现有.htaccess尝试及问题 #

尝试1：返回404错误 #

以下配置无法生效，访问目标伪静态URL时直接返回404：

Options All -Indexes
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.(([a-z0-9_]+\.)?tripTale\.in)$ [NC]
RewriteRule .? https://%1%{REQUEST_URI} [R=301,L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .? /404.php [L]

RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f
RewriteRule ^details/(.*)$ details.php?q=$1 [QSA]

RewriteRule ^details/(\d+)/([\w-]+)$    details.php?id=$1&title=$2

RewriteRule ^details/([0-9]+)/([A-Za-z0-9-\+]+)/?$ /details.php?id=$1&title=$2

尝试2：图片显示空白 #

以下配置能实现伪静态跳转，但网站所有图片都显示空白：

Options All -Indexes
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.(([a-z0-9_]+\.)?tripTale\.in)$ [NC]
RewriteRule .? https://%1%{REQUEST_URI} [R=301,L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .? /404.php [L]

RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f
RewriteRule .? /404.php

RewriteRule ^([A-Za-z0-9]+)/([A-Za-z0-9]+) details.php?id=$1&title=$2 [QSA]

问题原因分析 #

1. 尝试1的404问题：
   404路由规则写在了伪静态规则前面，Apache会从上到下执行规则。当访问/details/someTexts/AlphaNumericKeys时，先判断该路径不是文件也不是目录，直接触发404跳转，后面的伪静态规则根本不会被执行。

2. 尝试2的图片空白问题：
   最后一条规则^([A-Za-z0-9]+)/([A-Za-z0-9]+)匹配范围太宽，会把静态资源路径（比如/images/photo.jpg）错误识别为伪静态URL，将其路由到details.php?id=images&title=photo.jpg，导致静态资源无法正常加载，所以图片显示空白。

正确的.htaccess配置 #

调整规则顺序，将伪静态规则放在404规则之前，同时确保静态资源不被重写：

Options All -Indexes
RewriteEngine on

# 移除www前缀
RewriteCond %{HTTP_HOST} ^www\.(([a-z0-9_]+\.)?tripTale\.in)$ [NC]
RewriteRule .? https://%1%{REQUEST_URI} [R=301,L]

# 伪静态规则：匹配/details/任意文本/字母数字键格式
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^details/([^/]+)/([A-Za-z0-9]+)/?$ details.php?id=$2&title=$1 [QSA,L]

# 404路由：仅当请求既不是文件也不是目录，且未匹配到上面的伪静态规则时触发
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .? /404.php [L]

配置说明 #

• 把伪静态规则放在最前面，优先处理目标格式的URL，避免被404规则拦截。
• 使用^details/([^/]+)/([A-Za-z0-9]+)/?$精准匹配路径：
  • ([^/]+)匹配someTexts（任意不含斜杠的文本）
  • ([A-Za-z0-9]+)匹配AlphaNumericKeys（字母数字键）
  • /?$允许URL末尾带或不带斜杠
• 仅匹配以/details/开头的路径，不会影响图片、CSS、JS等静态资源的正常访问。

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