如何解决.htaccess中非www转www后站点无法访问问题

你的问题核心是重定向到https://www.example.com后无法加载资源，大概率是**.htaccess规则逻辑冗余+服务器基础配置不匹配**导致的，结合你的需求，整理可行修复方案如下：

一、修正.htaccess规则（合并冗余逻辑，确保路由正常） #

替换原.htaccess为以下代码，同时完成「HTTP转HTTPS」+「非www转www」双重重定向，同时保证SPA路由 fallback 生效：

<IfModule mod_rewrite.c>
  RewriteEngine On
  # 若你的public是站点根目录则留/；若为子目录（如/public）则改成/public/
  RewriteBase /

  # 1. 非www域名强制转www+HTTPS
  RewriteCond %{HTTP_HOST} !^www\. [NC]
  RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

  # 2. 已带www的HTTP请求强制转HTTPS
  RewriteCond %{HTTPS} off
  RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
  RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

  # 3. SPA路由兼容：非静态资源请求指向index.html
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

规则优化点：

• 合并重复的重定向逻辑，避免原规则中多次判断导致的冲突
• 明确指定目标域名而非依赖%{HTTP_HOST}拼接，防止主机头异常引发的错误跳转

二、关键服务器配置检查 #

1. 文档根目录设置：确保Apache的DocumentRoot直接指向你上传的public文件夹，否则重定向后服务器找不到build生成的静态资源。
2. mod_rewrite模块启用：Linux环境下执行a2enmod rewrite开启模块，然后重启Apache服务；Windows环境需在httpd.conf中解除mod_rewrite.so的注释。
3. SSL证书覆盖：确认你的HTTPS证书包含www.example.com域名，否则重定向后会因证书不匹配导致访问失败。

三、验证package.json配置 #

你设置的"homepage": "https://www.example.com"是正确的，build后的资源会生成对应绝对路径，确保重定向后资源加载路径无误。

排查步骤（若仍无法访问） #

• 清除浏览器缓存（301重定向会被浏览器持久缓存），用隐私窗口测试
• 查看Apache错误日志（如error.log），若出现File not found错误，直接定位资源路径问题
• 确认public文件夹内的index.html及静态资源（css/js）权限为755（文件夹）/644（文件）

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