反应：404在部署到IIS后找不到代理

Question

我真的需要您的帮助和建议，我已经搜索了2周，而我无法解决我的代理问题。
我正在设置以下' setUpproxy.js '，以绕过 cors ，同时请求（Web服务器）的API/端点。 但是，使用终端运行终端时，代理和原点替换仅适用于Localhost 3000。由于某些原因，部署到IIS后它不起作用，它不断获得“ 404 ”。您能告诉我在这里解决问题吗？

setupproxy.js：

app.use('/XXX.Order.API',
    createProxyMiddleware({
        target:'https://gcm.dellsvc',
        secure: false,
        changeOrigin: true                 
    })
);  

axios呼叫：

let XXX =
      "/XXX.Order.API/api/v1/orders/sample"

终端/localhost：3000结果：（ 200 ok ） 但是，在IIS浏览中：8080（http）：（找不到404 ）

web.config文件：

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
     <rule name="Rewrite Text Requests" stopProcessing="true">
         <match url=".*" />
             <conditions>
                        <add input="{HTTP_METHOD}" pattern="^GET$" />
                        <add input="{HTTP_ACCEPT}" pattern="^text/html" />
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
             </conditions>
             <action type="Rewrite" url="/index.html" />
     </rule>
</rules>
    </rewrite>
  </system.webServer>
</configuration>

Answer 1

我遇到了两个星期的问题。最后，我有一个令人满意的解决方案。
包装中的HTTP-Proxy-Middleware或代理。JSON仅用于开发目的（我认为）。
您创建的是绝对正确的，但是您只能在开发中使用它。
对于生产设置，仅在URL重写级别上处理。我认为这是合乎逻辑的。它与代码是分开的，如果代码中存在错误（例如指向Localhost的端点不好），则不会影响生产。

解决方案是修改在IIS中牢固存储的Web.config文件中的URL重写。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Reverse Proxy to api" stopProcessing="true">
          <match url="^api/(.*)" />
          <action type="Rewrite" url="https://api.example.com/{R:0}" />
        </rule>
        <rule name="Reverse Proxy to pusher" stopProcessing="true">
          <match url="^pusher/(.*)" />
          <action type="Rewrite" url="https://pusher.example.com/{R:0}" />
        </rule>
        <rule name="React Routes" 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="/" />
        </rule>
      </rules>
    </rewrite>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>