В службе приложений Azure не зарегистрирован маршрут для статического файла

Question

У меня есть служба приложений Azure, которая запускает приложение ReactJS. В конвейере выпуска я извлекаю zip-файл, содержащий результаты моего теста Cypress.

Когда я перехожу к своей консоли Kudu, я могу найти правильную папку и файлы в своей папке PS D:\home\site\wwwroot\e2e\mochawesome-report>. Но когда я перехожу к видео:

https://exampleUrl/e2e/mochawesome-report/video/onboarding.spec.js.mp4

Ресурс, который вы ищете, был удален, изменилось его имя или временно недоступен.

Но когда я перехожу к: https://exampleUrl.azurewebsites.net/e2e/mochawesome-report/screenshot/customer-card.spec.js/Customer card action tab -- can click on the account tab (failed).png

Я могу просмотреть изображение.

Нужна ли какая-то конфигурация для просмотра статических файлов?

## РЕДАКТИРОВАНИЕ ##

Добавлен мой web.config:

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="React 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>
  </system.webServer>
</configuration>

Я почти уверен, что нашел это где-то в сети.

Что-то еще, что я заметил. Теперь я могу открыть файлы .html и .css, .js и .png, но без файлов .json, .woff, .woff2 и mp4.

Answer 1

Вам необходимо определить расширения файлов для вашего веб-приложения.

Добавьте эти строки в web.config, ниже </rewrite>, затем перезапустите веб-приложение:

    <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="video/mp4" />                   
    </staticContent>

Чтобы добавить другие расширения (например, json):

<mimeMap fileExtension=".json" mimeType="text/plain" /

Результат будет:

<staticContent>
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" />                   
    <mimeMap fileExtension=".json" mimeType="text/plain" /        
</staticContent>