将Angular App部署到Azure Web Apps Angular 9的问题

Question

我有一个棱角分明的应用程序。 这是package.json的一部分

<configuration>
    <system.webServer>
        <httpErrors errorMode="Detailed" />
      <rewrite>
        <rules>
          <rule name="Angular" stopProcessing="true">
            <match url="^(.*)$" ignoreCase="false" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" />
            </conditions>
            <action type="Rewrite" url="index.html" appendQueryString="true"/>
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
</configuration>

它在src文件夹下包含一个web.config

    "assets": [
      "src/favicon.ico",
      "src/assets",
      "src/web.config"
    ],

在我的Angular.json中，将其添加到资产下

apply plugin: 'maven-publish'

task sourceJar(type: Jar) {
    from android.sourceSets.main.java.srcDirs
    classifier "sources"
}

publishing {
    publications {
        bar(MavenPublication) {
            groupId 'com.foo'
            artifactId 'bar'
            version '0.1'
            artifact(sourceJar)
            artifact("$buildDir/outputs/aar/bar-release.aar")
        }
    }
    repositories {
        maven {
            url "$buildDir/repo"
        }
    }
}

我在天蓝色的开发人员中执行以下步骤

我已经在Azre Web应用程序中设置了虚拟目录

这是我得到的错误

Answer 1

此问题是自我造成的。我的虚拟目录路径缺少\ dist

的一级

它设置为site \ wwwroot \ package \ AngularApp而不是site \ wwwroot \ package \ dist \ AngularApp