使用 cloudflare 缓存动态页面

Question

我们有许多页面，其中唯一的动态内容是位于顶部角落的用户信息（姓名、个人资料链接、购物袋中的物品数量）。有时加载这些页面可能需要一秒钟或更长时间。

我们正在考虑更改页面，以便使用 Cloudflare 缓存整个 HTML 页面，然后当它显示时，JavaScript 将检查是否存在 cookie 名称“用户名”和“CartCount”并相应地更新配置文件，或者如果 cookie 不可用，则显示惯用的登录图标。

此方法是否可行，是否需要采取任何安全预防措施？

Answer 1

它不仅可行，而且被一些大型网站积极使用 - 例如。 Airbnb、TripAdvisor。

您可能会注意到，如果您一开始打开这些网站（以及许多其他网站），您似乎还没有登录，随后 DOM 会使用您的用户名更新。

我看到的唯一问题是 CSRF 令牌 - 如果您缓存页面，您的令牌将过时并且不再有用。您必须为您的 AJAX 请求关闭 CSRF 检查并登录页面。