Проблема с перезаписью URL веб-приложения на хосте Angular 7 в Azure

Question

Я создал веб-приложение в Azure для размещения своего сайта 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

Я нашел проблему.Когда угловое приложение было собрано с

ng build --prod

Два файла web.config, где были развернуты.Один в корневой папке и один в папке активов.

Я обнаружил, что это было сделано, потому что файл angular.json содержал эту конфигурацию.

Решением было удалить помеченную строку из конфигурации:

    "assets": [
      "src/assets",
      "src/favicon.ico",
      "src/web.config" <---- Removed this line
    ],

Надеюсь, это кому-нибудь поможет.