Reagieren Sie auf die Anwendung mithilfe der NET7-API und schreiben Sie die URL auf einer Website neu

Question

Ich versuche, eine React-Anwendung mit NET7-API auf einer IIS-Site zu hosten. Im Stammordner gibt es eine Dateistruktur wie diese

• index.html
• Andere Dateien js/css
• api/my-app.exe (enthält alle .NET-API-Binärdateien im Unterordner api)

Api funktioniert, weil ich die Healthcheck-Methode /api/status anfordere und sie 200 zurückgibt. Aber wenn ich /index.html anfordere, erhalte ich 404 (Nicht gefunden) .

Wissen Sie, wie ich eine Rewrite-Regel einrichten oder auf andere Weise konfigurieren soll, um die Datei index.html zu erhalten?

Das ist meine web.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
      <handlers>
        <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
      </handlers>
      <aspNetCore processPath=".\api\my-app.exe" arguments=".\api\my-app.dll" stdoutLogEnabled="true" stdoutLogFile=".\iis-logs\" hostingModel="OutOfProcess" />
        <directoryBrowse enabled="false" />
        <httpErrors errorMode="DetailedLocalOnly" existingResponse="Auto" />
        
        <rewrite>
            <rules>
                <clear />
                <rule name="Stop process React routes" stopProcessing="true">
        TODO: how to write rule to get index.html file ??
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

Answer 1

您可以尝试修改web.config文件中的重写规则。以下是如何设置重写规则来服务 React 应用程序的 index.html 文件和其他静态资源：

<rewrite>
         <rules>
             <rule name="Serve React App" 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>

您需要根据您的具体项目结构和需求调整路径和配置。