如何将基于BrowserHistory的React应用程序部署到Azure App Service？

Question

我正在将一个React应用程序部署到使用非散列URL的Azure应用服务（例如，browserHistory），如

http://mywebapp.azurewebsites.net/map/50.9375/6.9603/13

但是对于所有路径都应该由相同的index.html处理。您如何在Azure App Service中实现此目的？基本上，我希望针对应用服务的所有请求都映射到/index.html并让React将其解决。

Answer 1

在部署到Azure App Service的应用程序的根目录中添加web.config文件：

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
       <rule name="redirect all requests" stopProcessing="true">
           <match url="^(.*)$" ignoreCase="false" />
           <conditions logicalGrouping="MatchAll">
               <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" />
           </conditions>
           <action type="Rewrite" url="/index.html" appendQueryString="true" />
       </rule>
     </rules>
   </rewrite>
  </system.webServer>
</configuration>