[React] IIS 서비스 환경에서새로고침 시404 에러 방지법

React를 IIS에서 구동했을 떄 새로고침 시 404에러가 뜨는 경우가 있다. 

SPA 특성상 새로고침 시 Router에서의 URI 인식 등으로 인해 404 에러가 뜰 것이다.

물론 서버단에서 새로고침 요청 시 잘 만들면 되겠지만

IIS의 web.config를 아래와 같이 설정하면 방지할 수 있다.

 

<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer>
   <httpErrors errorMode="Custom" existingResponse="Replace">
       <remove statusCode="404" subStatusCode="-1" />
       <error statusCode="404" path="/" responseMode="ExecuteURL" />
   </httpErrors>
 </system.webServer>
</configuration>