NET7 API를 사용하는 React 애플리케이션 - 사이트의 URL 다시 작성

Question

IIS 사이트에서 NET7 API를 사용하여 React 애플리케이션을 호스팅하려고 합니다. 루트 폴더에 이런 파일 구조가 있어요

• index.html
• 기타 파일 js/css
• api/my-app.exe(하위 폴더 api에 모든 .NET API 바이너리 포함)

Api는 /api/status healthcheck 메소드를 요청하고 200을 반환하기 때문에 작동합니다. 하지만 /index.html을 요청하면 404(찾을 수 없음) 이 표시됩니다.

다시 쓰기 규칙을 설정하거나 index.html 파일

을 가져오기 위해 어떻게 구성해야 하는지 아시나요?

이것은 내 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 파일 및 기타 정적 리소스를 제공하기 위해 재작성 규칙을 설정하는 방법은 다음과 같습니다.

으아악

특정 프로젝트 구조와 요구 사항에 따라 경로와 구성을 조정해야 합니다.