我想使用 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 ######
如何解决目录问题
假设您正在按照本文档中的指导使用
React
框架构建您的第一个静态Web应用程序示例。
在构建详细信息部分中,添加特定于您首选前端框架的配置详细信息。
- 从构建预设下拉列表中选择React。
- 保留应用程序位置框中的默认值。
- 将 Api 位置框留空。
- 在应用程序工件位置框中键入 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 应用程序。