如何在Apache2后端实现子目录重写至父目录（适配React路由）

下面按常见服务器类型给出配置方案，核心逻辑是：优先放行/folder/static/下的静态文件，将其他/folder/下的请求内部转发到/folder/index.html，让React Router处理前端路由，同时保持用户可见URL不变。

Nginx 配置 #

修改Nginx的站点配置文件，添加以下规则：

server {
    # 保留原有基础配置（如listen、server_name等）

    # 直接放行folder/static下的静态文件，指向服务器实际文件路径
    location ^~ /folder/static/ {
        root /path/to/your/server/root; # 替换为服务器上托管文件的根目录
        expires 30d; # 可选，给静态文件设置缓存有效期
    }

    # 处理React路由重写：先尝试访问实际文件/目录，不存在则转发到index.html
    location /folder/ {
        try_files $uri $uri/ /folder/index.html;
    }
}

配置后重启Nginx生效。^~标记确保static路径的规则优先匹配，避免被其他规则覆盖；try_files实现内部转发，不会改变用户看到的URL。

Apache 配置 #

在folder目录下创建/编辑.htaccess文件：

RewriteEngine On

# 放行static文件夹的请求，不做重写
RewriteRule ^static/ - [L]

# 仅当请求的不是实际文件或目录时，重写到index.html
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]

确保Apache已启用mod_rewrite模块，配置后无需重启服务器即可生效。

IIS 配置 #

在folder目录下创建/编辑web.config文件：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <!-- 放行static文件夹的请求 -->
        <rule name="Allow Static Files" stopProcessing="true">
          <match url="^static/(.*)" />
          <action type="None" />
        </rule>
        <!-- 转发非文件/非目录请求到index.html -->
        <rule name="React Router Rewrite" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

配置后IIS会自动加载生效，若未启用URL重写模块，需先在IIS管理器中安装该模块。

额外注意事项 #

• 打包React项目时，在package.json中设置"homepage": "/folder/"，确保打包后的资源路径正确指向/folder/下的文件，避免静态资源加载失败。
• 确认服务器上folder目录的文件权限正常，确保Nginx/Apache/IIS有权读取该目录下的文件。

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