Node.js后端IIS反向代理配置问题求助

核心问题分析 #

当前访问www.thediamlaundry.com/backend返回React前端页面，说明请求未被正确转发到本地Node.js服务，而是被IIS的静态文件处理或SPA fallback规则拦截。以下是针对性排查步骤与修复方案：

1. 修正URL重写规则匹配范围 #

现有规则仅匹配^backend/(.*)（即/backend/xxx格式路径），但/backend本身无法触发规则，会触发404并被httpErrors重定向到根路径返回React页面。同时需确保规则优先于SPA fallback执行：

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".webp" mimeType="image/webp" />
    </staticContent>
    <httpErrors errorMode="Custom" existingResponse="Replace">
      <remove statusCode="404" subStatusCode="-1" />
      <error statusCode="404" path="/" responseMode="ExecuteURL" />
    </httpErrors>
    <rewrite>
      <rules>
        <!-- 优先处理后端代理请求 -->
        <rule name="ReverseProxyBackend" stopProcessing="true">
          <!-- 匹配所有以backend开头的路径，包括/backend和/backend/xxx -->
          <match url="^backend(.*)" />
          <!-- 转发到本地Node服务，保留后续路径 -->
          <action type="Rewrite" url="http://localhost:2000/{R:1}" />
          <!-- 可选：排除静态文件请求（如果不需要在/backend下提供静态资源可删除） -->
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
        </rule>
        <!-- SPA fallback规则：仅当请求不是静态文件/目录时，重定向到根路径 -->
        <rule name="SPA Fallback" stopProcessing="true">
          <match url=".*" />
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

2. 验证ARR模块安装与配置 #

IIS反向代理依赖**Application Request Routing (ARR)**模块，需确认：

• 已通过Web平台安装器安装ARR和URL Rewrite模块
• 在IIS服务器级别，打开Application Request Routing Cache → Server Proxy Settings，勾选Enable proxy

3. 检查Node.js后端路由兼容性 #

确保后端Express路由基于根路径配置（如app.get('/api/xxx', ...)），而非/backend/api/xxx。若后端路由包含/backend前缀，需调整转发URL为http://localhost:2000/backend{R:1}。

4. 测试请求流转 #

• 在VPS本地执行curl http://localhost:2000/api/xxx，确认后端能返回正确API数据
• 执行curl http://localhost/backend/api/xxx（使用IIS站点绑定的端口），检查返回内容是否为后端数据，而非React页面
• 启用IIS失败请求跟踪，查看/backend请求的处理流程，确认重写规则是否被触发

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