在Azure Web应用URL中托管Angular 7 URL重写问题

Question

我已经在Azure中创建了一个Web应用程序来托管我的Angular 7网站。但是我有一个问题，背景图片没有显示在网站上。

在本地工作正常。

在控制台中，出现以下错误： 无法加载资源：服务器的状态为500（URL重写模块错误）。

这是我的web.config文件：

<configuration>
    <system.webServer>
      <rewrite>
        <rules>
          <rule name="Angular" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
              <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            </conditions>
            <action type="Rewrite" url="/" />
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
</configuration>

背景图片位于/ assets / images / 如果我尝试直接转到图像路径，则会出现此错误：

我需要帮助以找出为什么背景不显示以及我做错了什么

Answer 1

我发现了问题。 使用

构建角度应用程序时

re.split()

已部署两个web.config文件。 一个在根文件夹中，另一个在资产文件夹中。

我发现这样做是因为angular.json文件中包含此配置。

解决方案是从配置中删除标记的行：

^[0-9](.*?)$

希望这可以帮助某人。