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

问题描述 投票:0回答:1

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

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

gatsby sanity azure-cdn
1个回答
0
投票

使用 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

enter image description here

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

enter image description here

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

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

Azure Front Door
配置文件。

enter image description here

转到

Azure Storage account
并搜索 Front Door 和 CDN。

enter image description here

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

enter image description here

  • 请参阅此链接,了解如何使用缓存规则控制 Azure 内容交付网络缓存行为。
© www.soinside.com 2019 - 2024. All rights reserved.