Перезагрузка страницы приводит к 404 ошибке (React Router)?

Question

[Михаил Плюснин]

Добрый вечер, суть в том, что локально приложение (front - Reactjs + Redux, back - webApi.Net) работает нормально, использую express + hot. Все грузится, открывается, по ссылочкам бегает, нажимаю f5, страница (допустим /organization) перезагружается и начинает с того же самого url на котором была, в общем все работает ничего не падает.
Решили мы выложить сегодня это все дело на боевой сервак (IIS), все работает, но стойте, когда я нажимаю f5 и перезагружаю страницу (допустим /organization) она падает в 404 ошибку и чтобы заново мне начать работу с приложением надо перейти на начальный url('/'), в общем неудобненько как-то, хотя локально она бы перезагрузилась и не упала. Использую react-route с browserHistory, может в этом дело? Кто как поборол эту проблему? Или такое поведение ожидаемо?

Answer 1

[Алексей Немиро]

Все запросы нужно направлять на главную страницу.

web.config

<system.webServer>
  <rewrite>
    <rules>
      <rule name="All" patternSyntax="Wildcard" stopProcessing="true" enabled="true">
        <match url="*" />
        <conditions logicalGrouping="MatchAll">
          <add input="{REQUEST_FILENAME}" 
               matchType="IsFile" 
               negate="true" 
               pattern="" 
               ignoreCase="false" 
          />
        </conditions>
        <action type="Rewrite" url="index.html" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>

После внесения изменений, не забудьте перезапустить рабочий процесс (пул).

Comments

[Михаил Плюснин]

В данный момент проверить, не могу, но можно уточнить, что сей кусок кода я надеюсь будет делать тоже самое как и при локальной разработке?

[Алексей Немиро]

Михаил Плюснин: да, все запросы будут направляться на главную страницу (index.html), где дальнейшей обработкой займется react-router. В IIS Express это тоже будет работать. Например, если нет webpack-dev-server, то можно запустить IIS Express и webpack в режиме watch (webpack --watch) и работать, хотя и не так удобно, как с webpack-dev-server.

[Михаил Плюснин]

Уххх спасибо огромное, Вы человечище... Завтра с утреца все настрою и обязательно отмечу решением!