如何查看Azure静态Web应用部署文件及解决图片缺失问题

查看已部署文件的官方途径 #

• 从GitHub Actions构建产物溯源：打开仓库的Actions面板，找到对应执行成功的部署工作流，在工作流执行摘要页下载build_artifact压缩包，该压缩包是构建完成后直接上传到Azure Static Web Apps的全量文件，解压后搜索目标文件名即可确认构建环节是否包含该文件，该结果与SWA实际部署文件完全一致。
• 通过Azure门户直接查看：进入对应SWA实例的左侧导航栏，选择「开发工具」-「应用服务编辑器（预览版）」，免费层实例可直接使用该功能，进入后可查看站点部署后的完整文件结构，直接检索目标图片即可确认是否存在。
• 本地模拟部署验证：安装Azure Static Web Apps CLI，在本地拉取对应代码分支，执行swa start命令跑完整的本地构建、部署模拟流程，服务启动后直接访问本地对应图片路径，可提前复现部署后的资源加载问题。

图片未部署/加载失败的修复方案 #

你提到已将图片移动到项目根目录排除路径问题，这恰好是Blazor静态部署最常见的配置误区：Blazor正式发布时，默认只会将wwwroot目录下的内容作为静态资源输出到发布目录，项目根目录下的文件即使本地Visual Studio调试时能正常加载，发布时也不会被拷贝到部署产物中，直接导致部署后404。
可按以下优先级调整配置：

• 优先调整静态资源存放位置：将所有需要对外访问的图片、CSS、JS等静态资源全部移动到wwwroot目录下，如果需要通过根路径访问FundXWebTelNo1.png，直接将文件放在wwwroot/FundXWebTelNo1.png即可，无需额外配置路径，部署后即可正常访问。
• 若需保留文件在项目根目录，修改.csproj项目文件添加静态资源发布规则，添加以下配置段，指定对应文件在发布时拷贝到输出目录：

<ItemGroup>
  <StaticContent Include="FundXWebTelNo1.png" CopyToPublishDirectory="PreserveNewest" />
</ItemGroup>

• 校验GitHub Action部署配置：打开仓库.github/workflows/路径下的SWA自动部署yml文件，确认output_location参数与Blazor项目的实际发布输出路径匹配。Blazor WASM默认的发布输出路径为bin/Release/<当前使用的.NET版本号>/publish/wwwroot，路径配置错误会导致上传的部署产物不全。参考正确配置片段：

- name: 部署到Azure静态Web应用
  uses: Azure/static-web-apps-deploy@v1
  with:
    azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
    repo_token: ${{ secrets.GITHUB_TOKEN }}
    action: "upload"
    app_location: "/"
    output_location: "bin/Release/net8.0/publish/wwwroot"

• 额外排查大小写问题：本地Visual Studio运行在Windows环境下，文件路径大小写不敏感，但Azure Static Web Apps底层存储为Linux环境，路径严格区分大小写，需确认代码中引用的图片路径、文件名大小写与仓库中实际文件完全一致。

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