Azure - 使用 Azure CDN 终结点拆分反应应用程序

Question

我有一个 create-react-app 网站，它有多个使用反应路由器的页面。我最近发现我可以使用 Azure 存储帐户而不是非常酷的 Web 应用来托管我的网站。

本网站的主要内容是游戏列表，单击该列表会打开每个游戏的角色列表。每个游戏都有一个路径，我的意图是将这些游戏路径中的每一个都粘贴到一个单独的自定义域中，以使它们看起来都是自己的站点。

我正在尝试使用 azure cdn 执行此操作，并且我最近发现我可以使用 Azure CDN 创建端点并为每个端点分配一个自定义域。

所以我有一个 Verizon Premium 的 CDN 配置文件

我有一个名为 [website-name]-cdn 的主要端点，它使用没有源路径的基本主机名。按预期加载基础网站。

我有另一个名为 [website-name]-dota-2 的端点，它具有游戏 dota 2 的原始路径。加载基础网站而不是 dota 2 的页面，我需要这个直接进入 dota 2 页。

这是我的 url 重写规则。

我希望能够为每个单独的游戏设置一个端点，但我似乎无法正确配置事物以使 URL 正确加载。 每次我更改规则都必须等待 4 小时，所以进度很慢。

非常感谢任何帮助:) 希望这比我上次的尝试更好。

Answer 1

想出了这个。

简而言之，答案是，按照我的做法，这不能轻易完成。然而，改变事情并没有我想象的那么糟糕。

实现此目的的最佳方法是将站点更改为具有多个入口点，这无法通过 CRA 开箱即用地完成，因此 you need to use something like this。使用我的多入口点反应站点，我根据站点的入口点更改反应路由器路由。 完成此操作后，您可以将站点部署到多个存储容器，然后在每个容器中指定不同的入口点。