React多语言SEO htaccess配置：按URL语言标识返回对应index入口文件

修改后的完整.htaccess配置 #

#.htaccess
Options -Indexes
RewriteEngine on

# 阿拉伯语路径匹配规则
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ar/(.*)$ /indexAR.html?path=$1 [NC,L,QSA]

# 通用路径匹配规则
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]

规则逻辑说明 #

• 规则按从上到下的优先级执行，优先处理阿拉伯语路径请求
• 两条规则都前置校验当前请求是否对应实际存在的静态文件/目录，命中则直接返回资源不走重写，保证js、css、图片等静态资源可正常加载
• 匹配到/ar/开头的阿拉伯语路径时，直接返回indexAR.html，通过L标记终止后续规则匹配，不会进入通用规则
• 所有未命中阿拉伯语路径的请求都会走下方通用规则，返回index.html
• 路径参数、原有查询参数的传递逻辑和你原有配置保持一致，不会影响React端的路由解析逻辑

内容的提问来源于stack exchange，提问作者Mohamed Gamal Eldin