azure - 是否可以配置 IIS(特别是在 Azure 中)以使用 HistoryLocation？

Question

我有 React 应用程序，最终是用 webpack 构建的。我们在 Azure 上托管了一个 API，该应用程序可以与该 API 进行通信，并且也希望托管在其之上构建的 UI。

第一次点击 URL 并进行导航时，所有历史位置信息都会起作用。然而，当我们刷新页面时，我们收到一个 404 错误(如果 IIS 提供此服务，这是预料之中的)。

是否可以配置 Azure 来处理此类事情？我们是否应该放弃这种类型的应用程序并托管一个 webpack 虚拟机？

类似问题:

Reactjs HistoryLocation get 404 on refresh

React-router urls don't work when refreshing or writting manually

Answer 1

如果正确理解您的问题和情况，解决方案是将所有请求重定向到您唯一的一个 HTML 页面(假设为 index.html)。这可以通过 URL rewrite module 来实现IIS。

默认情况下，任何 Azure Web App 的 Web 根文件夹中都会有一个名为 web.config 的文件。 。这是标准 XML 文件。使用最喜欢的编辑器打开它并找到 <system.webserver>部分。然后将以下附加部分放入其中。请注意，<rewrite>元素应该是 <system.webserver> 的直接后代一:

<rewrite>
  <rules>
    <rule name="Rewrite to index.html">
      <match url=".*" />
      <action type="Rewrite" url="index.html" />
    </rule>
  </rules>
</rewrite>

同样，基于您提供 index.html 中的所有内容的假设，您可以在重写规则中更改此文件以代表您从中提供内容的文件。