Azure CDN - 使用 Verizon 和 Identity Server 4 重写 Angular 应用程序的 URL

Question

上下文

---

我正在尝试使用 Azure CDN 和 Verizon 来设置我的 Angular 项目，以执行实际的 URL 重写。

存储帐户已设置有专用的blob 容器。

并且 CDN-Profile 已配置为使用它。

我想做的是重定向所有传入流量，以便 Angular 可以正常工作。

为此，我使用following 两个路由引擎规则：

这很好用，但该模式不支持 Identity Server 4 的重定向实现。

问题

---

Identity Server 4 被配置为在成功验证后重定向到following url（pastebin url）。

重定向后，我目前收到http 404 错误。

如果我只使用以下网址，我也会得到同样的错误：

https://MyFancyWebsite.azureedge.net/security/callback

我不介意自己创建正则表达式模式，但老实说，我什至不知道最终 URL 应该是什么样子，以便 Angular 可以使用它。

我想补充一点，当前的实现在我的本地机器上没有任何问题。

Answer 1

据我了解，您需要在规则引擎下修改源模式以捕获#。

对于第一个源模式，您可以使用((?:[^\?]*/)?)($|[\?#].*)，对于第二个源模式，您可以使用((?:[^\?]*/)?[^\?/.]+)($|[\?#].*)。这是第二个模式的测试：

此外，您可以使用https://regex101.com 下的正则表达式检查url，并确保相关的blob 存在。例如，https://<your-storage-account-name>.blob.core.windows.net/cdn/security/callback/index.html。