静态 Gatsby 网站可能存在缓存问题

Question

我有一个 gatsby React 网站托管在 azure blob 存储中，这个静态网站是由 Sanity 生成的。用户通过天蓝色 CDN 访问此网站。每当理智发生变化时，我们都会看到网站没有更新最新内容，但 CDN 和存储会按预期更新。 我无法弄清楚为什么。

我们尝试在 Sanity 构建期间清除缓存，但没有帮助。 我们还有一个 azure 函数，一旦 Sanity 构建完成，它就会触发构建。

Answer 1

使用 Azure CDN 在 Azure Blob 存储中托管 Gatsby React 网站的步骤：

确保安装了 Node.js 和 npm。使用 npm 全局安装 Gatsby CLI：

npm install -g gatsby-cli

安装 Gatsby CLI 后，通过运行以下命令创建新的 Gatsby 站点：

gatsby new my-gatsby-site

创建新站点后，使用

cd

命令导航到新创建的 Gatsby 站点的目录：

cd my-gatsby-site

通过运行以下命令启动开发服务器：

gatsby develop

现在，将应用程序部署到 Azure Web 应用服务或 Azure 静态 Web 应用。

。

注意：如果网络应用程序发生更改，请确保重新构建和部署。所以它反映了 azure web 应用程序中的变化。

通过选择源类型和源主机名，使用 Azure Web 应用服务或 Azure 静态 Web 应用创建

Azure Front Door

配置文件。

转到

Azure Storage account

并搜索 Front Door 和 CDN。

• 选择现有详细信息并创建端点。

• 请参阅此链接，了解如何使用缓存规则控制 Azure 内容交付网络缓存行为。