iis部署前后端分离项目（React前端，Node.js后端）

在IIS上部署前后端分离的项目，前端使用React，后端使用Node.js，你需要做以下几步：

1. 构建前端React项目：

   在React项目目录下运行 npm run build，构建生成静态文件。

2. 配置Node.js后端项目：

   确保你的Node.js后端项目可以通过某个端口独立运行。

3. 配置IIS：

   • 在IIS管理器中创建一个新的网站或者使用现有网站。
   • 将构建好的React静态文件复制到网站的根目录下。
   • 配置网站属性中的HTTP响应特性，添加MIME类型以支持JavaScript、CSS和图片文件。
   • 为Node.js后端服务创建反向代理规则，将特定路径的请求转发到Node.js服务器。

4. 启动Node.js后端服务：

   确保你的Node.js服务器在一个端口上运行，并且可以接收来自IIS的转发请求。

5. 配置Node.js以接收来自IIS的转发请求：

   确保Node.js服务器监听的是特定的端口，并且可以接收来自IIS的转发请求。

6. 测试：

   在浏览器中输入IIS网站的URL，检查前端页面是否正确加载，同时检查API请求是否通过IIS转发到Node.js服务器并得到响应。

以下是一个简化的示例，展示如何在IIS中配置反向代理，将API请求转发到Node.js服务器：

<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
        <add name="Access-Control-Allow-Headers" value="Content-Type" />
      </customHeaders>
    </httpProtocol>
    <rewrite>
      <rules>
        <rule name="API Proxy" stopProcessing="true">
          <match url="^api/(.*)$" />
          <action type="Rewrite" url="http://localhost:3000/{R:1}" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

在这个例子中，所有到 /api 路径的请求都会被重写并转发到运行在localhost的3000端口的Node.js服务器。确保修改 url="http://localhost:3000/{R:1}" 为你的Node.js服务器实际地址和端口。