“请求的内容不存在。” Angular 静态网站 (Azure) 出现 404 错误答案

【问题标题】："The requested content does not exist." 404 error with an Angular Static Website (Azure)“请求的内容不存在。” Angular 静态网站 (Azure) 出现 404 错误
【发布时间】：2020-08-06 12:35:31
【问题描述】：

我有一个启用静态网站的 Azure 存储帐户。我已通过 Azure Devops 管道发布我的 Angular 网站并将其部署到存储帐户上。

我以前也这样做过，但发生了同样的错误。添加useHash代码后，问题解决了：

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})

但是这次Not Found错误还是出现了。

我使用了 Azure 本身提供的 URL（见下文）。有解决办法吗？

编辑：

这是其发布的 YAML：

steps:
- task: AzureFileCopy@3
  displayName: 'AzureBlob File Copy'
  inputs:
    SourcePath: '$(System.DefaultWorkingDirectory)/WebAppTest'
    azureSubscription: 'some resource group'
    Destination: AzureBlob
    storage: testsomestorage
    ContainerName: '$web'
    sasTokenTimeOutInMinutes: 240

【问题讨论】：

您能否检查一下$web 容器中的文件夹结构？
@JimXu 是的，文件夹结构如下：$web > WebAppProd > P****Frontend.
据我所知，我们应该在容器$web根级别下托管index,html。
@JimXu 嗯，很有趣。因为据我所知，我之前已经这样做了（它是通过 Azure Devops 自动发布的），它成功了。但我将尝试在 $web 根级别下托管 index.html。
@JimXu 我已将 AzureFileCopy 的发布 YAML 添加到容器中。

标签： angular azure-storage azure-blob-storage azure-static-website-hosting

【解决方案1】：

尝试了几件事后，此问题的修复很容易。您可以在下面看到存储工件的文件夹结构：

我选择了WebAppTest (Build) 作为源路径，而不是下面称为'****Frontend' 的第二个路径。

在我改变这个之后，网站终于可以正常工作了。

【讨论】：