Как правильно настроить приложение ReactJS на IIS?

Просмотрел несколько тем по одному и тому же вопросу. Ни один не работал у меня. Дело в том, что у меня есть приложение ReactJS + Redux, созданное из приложения create-реагировать. На самом деле это работает, но когда просмотр приложения начинается с URL-адреса, отличного от корня, выдает 404. Установил iisnode и попробовал разные правила перезаписи, рекомендованные в Интернете, но ничего не работает. Последним был этот:

    <rule name="Redirect HTTP to HTTPS">
      <match url="(.*)" />
      <conditions>
        <add input="{HTTPS}" pattern="off" ignoreCase="true" />
      </conditions>
      <action type="Redirect" url="https://{HTTP_HOST}/{R:1}" redirectType="Permanent"/>
    </rule> -->

    <rule name="Redirect non-existent paths to root">
      <match url=".*" />
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        <add input="{REQUEST_URI}" pattern="^/initialLogin/*" ignoreCase="true" negate="true" />            
      </conditions>
      <action type="Redirect" url="/" appendQueryString="false" />
    </rule>
  </rules>
</rewrite>

Единственное, что мне нужно, это отправлять все входящие запросы через корневой URL с передачей ему остальной части адреса, чтобы SPA мог работать правильно. Хостинг: AzureVM IIS: v10

Изменить: еще одна любопытная вещь: iisnode может обрабатывать перенаправления с файлами js, но мое приложение отображается в index.html, и когда я попытался указать index.html в качестве обработчика, оно фактически показало мне пустую страницу.


reactjs node.js iis iis-10
person user3493623    schedule 13.03.2017    source источник
comment
Я думаю, вам поможет другой ответ, который я написал на IISNode, проверьте его здесь   -  person peteb    schedule 14.03.2017
comment
Спасибо @peteb, частично помогло найти решение   -  person user3493623    schedule 15.03.2017

Ответы (1)


arrow_upward
5
arrow_downward

Это web.config работает для меня. Надеюсь, это поможет кому-то еще.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <!-- This part is responsible for URL rewrites -->
        <rewrite>
          <rules>
            <rule name="ReactJS Routes" stopProcessing="true">
              <match url=".*" />
              <conditions logicalGrouping="MatchAll">
                <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
              </conditions>
              <action type="Rewrite" url="/" />
            </rule>
          </rules>
        </rewrite>
        <!-- This allows CORS for testing purposes -->
        <httpProtocol>
         <customHeaders>
           <add name="Access-Control-Allow-Origin" value="*" />
         </customHeaders>
       </httpProtocol>
  </system.webServer>
</configuration>
person user3493623    schedule 14.03.2017
comment
будет ли это работать в случае клиентской стороны? если да, то что такое {REQUEST_FILENAME} и REQUEST_URI - person Revansiddh; 21.08.2018
comment
У меня это работает 24 марта 2021 г. с IIS 10 и iisnode 0.2.26.0. - person chuacw; 24.03.2021