Azure Frontdoor 多路径路由不适用于存储静态 Web 应用程序

Question

我一直在尝试设置 Front Door(标准)端点来路由两个 azure 存储静态网站。但这并没有按预期工作。我需要两个静态应用程序在相同的域名下，但 URL 路径不同，如下所示。

www.something.com  ->   static app 1
www.something.com/client  ->  static app 2

我为静态应用程序 1 添加的匹配模式是 -->/*，原始路径是 -->/。同样，我添加了与静态应用程序 2 匹配的模式是 -->/client/* ，原始路径是 -->/

第一个应用程序按预期运行。但第二个应用程序路线未按预期工作，我收到 400 错误。

这两个静态应用程序都是使用 nextjs 创建并导出为静态应用程序。对于每个应用程序，我都创建了单独的源组并指出了路由规则。我不确定我在这里缺少什么配置。有人可以帮我解决这个问题吗？

Answer 1

我已经创建了设置 Front Door(标准)端点来路由两个 Azure 存储静态网站，如下所示:

要解决此问题，请添加如下路由规则:

前门已为第一个静态应用正确设置，但第二个应用可能需要一些额外的配置。

• 确保第二个静态应用已正确部署并具有唯一的 URL 可供访问。您可以通过直接单击第二个应用程序的 URL 来验证这一点，并检查第二个应用程序的源路径是否设置为 /client

• 确保第二个应用的路由规则配置正确。确认 /client/* 是要匹配的模式，并为第二个应用选择源组。

• 检查是否存在任何可能导致 400 错误的冲突路由规则。具有矛盾模式或来源组的其他限制可能会阻止流量到达第二个应用。

当我尝试这些更改时，它会成功重定向，如下所示:

Azure 前门将用于构建转发到源的请求的 URL 将使用此路径重写。默认情况下不提供此路径。因此，在向源发出请求时，Azure Front Door 将使用传入 URL 路径。此外，您可以选择指定通配符路径，这将复制与请求路径的来源匹配的传入路由的所有部分。源路径区分大小写。

引用:

Configure Azure Front Door Route | Microsoft Learn

Routing rule matching - Azure Front Door | Microsoft Learn