angular - 具有 Blob 存储的 Azure CDN : WebContentNotFound when using Origin Path

Question

我们有一个托管在 Azure Blob 存储中的静态网站( Angular )，其中包含 web$ 文件夹和所有选项集。

见下图:

当我们将网站放入 Blob 存储的根文件夹 web$ 中时，一切正常。当我们重新加载页面时，所有页面/路由都会重定向到 SPA 的 index.html。

但是我们需要在同一个 web$ 文件夹上托管多个静态站点。 因此，我们创建了文件夹，并将选项“原始路径”设置为创建的每个端点的目标文件夹。

我们现在有: /folder1/index.html 表示 CDN 中的第一个端点 /folder2/index.html 用于 CDN 中的第二个端点

一切正常，但无法重新加载。一旦我们刷新页面，CDN 端点就不会检索目标文件夹。

我们有另一个项目，相同的配置工作正常，但我们发现它是我们的 PWA 的 serviceworker 正在缓存index.html(而不是 CDN) 但我们需要一个没有 serviceworker 的解决方案。

也许有重定向规则？

[编辑]2019 年 3 月 2 日

这是我尝试重新加载时出现错误的打印屏幕

这是我们拥有的多个端点之一的配置:

容器中 Web$ 文件夹的内容:

Answer 1

如果您想对源路径上的每个“子文件夹”路径使用 CDN，请尝试在 源路径中输入 /folder1 或 /folder2 字段。

对于 Azure CDN 端点返回 404 状态代码，有多种可能的原因，包括:

• The file's origin isn't visible to the CDN.
• The endpoint is misconfigured, causing the CDN to look in the wrong place.
• The host is rejecting the host header from the CDN.
• The endpoint hasn't had time to propagate throughout the CDN

您可以尝试troubleshooting steps 。