托管 Azure 静态 Web 应用程序时无法找到目录

Question

我想使用 Azure 管道使用 Azure 静态 Web 应用程序托管我的 React js

部署时，azure pipeline 无法找到该目录

这是我的管道代码

name: Azure Static Web Apps CI/CD

pr:
  branches:
    include:
      - new-roles
trigger:
  branches:
    include:
      - new-roles

jobs:
- job: build_and_deploy_job
  displayName: Build and Deploy Job
  condition: or(eq(variables['Build.Reason'], 'Manual'),or(eq(variables['Build.Reason'], 'PullRequest'),eq(variables['Build.Reason'], 'IndividualCI')))
  pool:
    vmImage: ubuntu-latest
  variables:
  - group: Azure-Static-Web-Apps-red-moss-0949d6d00-variable-group
  steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      azure_static_web_apps_api_token: $(AZURE_STATIC_WEB_APPS_API_TOKEN_RED_MOSS_0949D6D00)
###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
# For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
      app_location: "/build" # App source code path
      api_location: "" # Api source code path - optional
      output_location: "" # Built app content directory - optional
###### End of Repository/Build Configurations ######

如何解决目录问题

Answer 1

假设您正在按照本文档中的指导使用

React

框架构建您的第一个静态Web应用程序示例。

在构建详细信息部分中，添加特定于您首选前端框架的配置详细信息。

1. 从构建预设下拉列表中选择React。
2. 保留应用程序位置框中的默认值。
3. 将 Api 位置框留空。
4. 在应用程序工件位置框中键入 build。

选择

Create

操作后，它会自动生成并触发部署管道，如下面的 YAML 定义，我们可以看到

app_location

设置为

"/"

，而

output_location

为

"build"

。

name: Azure Static Web Apps CI/CD

pr:
  branches:
    include:
      - main
trigger:
  branches:
    include:
      - main

jobs:
- job: build_and_deploy_job
  displayName: Build and Deploy Job
  condition: or(eq(variables['Build.Reason'], 'Manual'),or(eq(variables['Build.Reason'], 'PullRequest'),eq(variables['Build.Reason'], 'IndividualCI')))
  pool:
    vmImage: ubuntu-latest
  variables:
  - group: Azure-Static-Web-Apps-red-pond-004edaf10-variable-group
  steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      azure_static_web_apps_api_token: $(AZURE_STATIC_WEB_APPS_API_TOKEN_RED_POND_004EDAF10)
###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
# For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
      app_location: "/" # App source code path
      api_location: "" # Api source code path - optional
      output_location: "build" # Built app content directory - optional
###### End of Repository/Build Configurations ######

管道运行完成后，我们可以继续访问站点 URL。

您可能需要根据上面的文档和示例修改管道以部署到静态 Web 应用程序。