Как развернуть Angular 6 в Azure Web App - у вас нет разрешений

Question

Я создал чистое приложение Angular 6.Я добавляю следующий файл web.config в папку src:

<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>

Я добавил «src / web.config» в разделе ресурсов в файле angular.json.Я обновил версию узла в веб-приложении до 10.6.

При развертывании приложения и переходе на сайт я получаю следующее: У вас нет разрешения на просмотр этого каталога или страницы.

Я следовал за следующим примером: https://itnext.io/easy-way-to-deploy-a-angular-5-application-to-azure-web-app-using-vsts-pipelines-4a288b9deae1

Есть предложения?

Answer 1

Мне потребовалось слишком много времени, чтобы понять это.Я надеюсь, что это помогает.

• В службе приложений нажмите «Настройки приложения».Прокрутите вниз.Вы увидите «Виртуальные приложения и каталоги».Ваш виртуальный путь должен быть "/", а физический путь должен быть "site / wwwroot /". Измените свой физический путь на "site / wwwroot / 'appname'". "Appname" должно быть любым именем вашего приложения.Или это должна быть любая папка внутри вашего "dist".

Answer 2

Я бы не ожидал, что вы получите это сообщение об ошибке, но в файле web.config мне не хватает той части, где вы определяете MimeMap для файлов json. Пожалуйста, попробуйте этот web.config:

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <remove fileExtension=".woff"/>
            <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
            <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
     </staticContent>

      <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>

См. Также: Web.config для размещения приложения Angular в Azure Web App