React应用HTTPS、www跳转及index.html重定向出现循环问题求助

我之前也踩过类似的重定向循环坑，你的问题根源在于两次独立的重定向规则——先强制HTTPS，再强制www，这种拆分的规则在部分服务器配置下会触发互相调用，最终形成循环。咱们把这两个需求合并成一次跳转，就能从根源上解决问题。

修改后的.htaccess配置如下：

Options -MultiViews
RewriteEngine On

# 同时处理HTTPS和www跳转，避免循环触发
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^(.*)$ https://www.yourdomain.com/$1 [R=301,L,NE]

# React路由适配：非文件/非目录的请求统一转发到index.html
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

关键修改说明： #

• 合并规则逻辑：用[OR]条件同时检测「HTTPS未开启」或「主机名不带www」，只要满足任一条件，就直接跳转到指定的https://www.yourdomain.com（记得替换成你实际的域名）。一次跳转完成两个要求，彻底避免多次重定向引发的循环。
• 使用固定目标域名：原来依赖%{HTTP_HOST}变量的写法，在部分虚拟主机配置下可能出现变量解析异常，直接写死目标域名更稳妥。
• 重定向类型建议：生产环境推荐用R=301（永久重定向），利于SEO优化；测试阶段可以先用R=302（临时重定向），确认规则生效后再切换。

原规则循环的原因： #

假设用户访问http://yourdomain.com/about：

1. 第一条规则触发，跳转到https://yourdomain.com/about
2. 第二条规则检测到主机名不带www，又跳转到https://www.yourdomain.com/about
3. 如果服务器配置存在异常（比如虚拟主机映射问题），www.yourdomain.com的请求被解析后%{HTTP_HOST}仍被识别为不带www，就会再次触发第二条规则，形成无限循环。

合并后的规则只做一次跳转，所有非目标地址直接定向到https://www.yourdomain.com，从逻辑上杜绝了循环可能。另外还要确认你的SSL证书包含主域名和www子域名（通配符证书或多域名证书），否则HTTPS报错也可能间接导致重定向异常。

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