我在Netlify上的Gatsby网站在更新时不会刷新

Question

我像这样使用盖茨比网络插件：

      resolve: `gatsby-plugin-netlify`,
      options: {
        headers: {
          "/*.js": [
            "cache-control: public, max-age=31536000, immutable",
          ],
          "/*.css": [
            "cache-control: public, max-age=31536000, immutable",
          ],
          "/sw.js": [
            "cache-control: public, max-age=0, must-revalidate",
          ],
        },
      },
    },

但是，当我向网站发布更新时，浏览器在手动点击"刷新"之前看不到它。 只需访问该站点(不按刷新(即可显示旧版本。

Answer 1

如果您遇到像这样的服务工作进程缓存问题，则需要将gatsby-plugin-remove-serviceworker安装到应用程序中，这将为您删除服务工作进程。这将完成您在上面的 netlify 配置中尝试执行的工作。

它非常容易设置 - 只需将其添加到应用程序底部附近的gatsby-config.js：

module.exports = {
  siteMetadata: {
    title: 'Your site',
  },
  plugins: [
    // Gets rid of the service worker 
    'gatsby-plugin-remove-serviceworker'
  ]
}