Angular应用部署至Azure App Service后无法正常运行求助

• 确认Angular构建产物的部署路径
  检查GitHub Actions YML中的部署步骤，确保将Angular构建后的具体产物子目录（如dist/your-app-name/content）内容直接部署到site/wwwroot，而非仅上传整个dist目录。若部署路径错误，会导致site/wwwroot下多一层嵌套目录，Azure无法找到入口文件。
  示例：若构建命令生成的产物在dist/my-app/content，则GitHub Actions的Azure部署动作需指定package: 'dist/my-app/content'。

• 调整web.config的重写规则
  确保web.config中的重写规则指向content/index.html（若入口文件在该路径），以下是适配的配置示例：

  <?xml version="1.0" encoding="UTF-8"?>
  <configuration>
    <system.webServer>
      <rewrite>
        <rules>
          <rule name="Angular Routes" 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="content/index.html" />
          </rule>
        </rules>
      </rewrite>
      <staticContent>
        <mimeMap fileExtension=".json" mimeType="application/json" />
        <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
      </staticContent>
    </system.webServer>
  </configuration>
  

• 配置App Service虚拟路径
  进入Azure门户的App Service配置页面，在「常规设置」的「虚拟应用程序和目录」中，添加一条规则：将虚拟路径/映射到site/wwwroot/content，直接把content目录设为应用根路径。

• 验证文件结构
  通过scm.azurewebsites.net调试控制台，进入site/wwwroot目录，确认content/index.html存在，且静态资源（js、css等）的相对路径与index.html中的引用一致，避免因路径错误导致资源加载失败。

内容的提问来源于stack exchange，提问作者afriedman111