reactjs - 通过 Azure Front Door 访问的存储帐户上托管的静态网站未正确加载

Question

我们正在尝试配置 Azure Front Door 以在托管于两个不同存储帐户的两个相同静态网站之间路由流量。 Front Door 内已设置后端池，其中包含 2 个后端主机名(指向存储帐户的链接)。仅启用一台后端主机时，通过前门 URL 访问网站效果非常好。但是，我们需要同时启用这两个功能才能启用负载平衡以及蓝/绿部署。

网站的加载方式是初始请求获取index.html文件。 index.html 文件引用了大约。 20 个 .js 文件。然后，它尝试通过向前门发出 20 个新请求来检索所有这些 .js 文件。如前所述，只要启用一台受支持的主机，此功能就可以完美运行。但是，当两者都启用时，一些加载 .js 文件的请求将路由到存储帐户 1，一些请求将路由到存储帐户 2，这会导致其中一些返回 404，未找到。该 Web 应用程序是基于 React 的，因此构建时生成的脚本具有哈希文件名，这意味着两个存储帐户上的文件名不同，这解释了 404。

我认为，这个问题有两种解决方案:

1. 我们可以强制 React 以相同的方式命名构建文件吗？如果是这样，所有请求都通过前门路由就没有关系了。
2. 我们能否配置前门，以确保所有加载脚本的请求都路由到与加载 index.html 的初始请求相同的后端主机？我们尝试启用 session 关联性，但未按预期工作。

非常感谢!

Answer 1

您可以在前门启用 session 亲和性，以确保来自一个客户端的请求始终在同一后端上结束，这是在 AFD 中的前端/域上配置的