neylify functions requests cache

config.js

@@ -135,6 +135,41 @@ module.exports = {
             theme_color: `#ffffff`,
             display: `standalone`,
             icon: `src/static/41546411364_.pic.jpg`, // This path is relative to the root of the site.
+        },
+        // 配置参见 gatsby-plugin-offline 插件文档
+        swConf: {
+            importWorkboxFrom: `local`,
+            globDirectory: rootDir,
+            globPatterns,
+            modifyUrlPrefix: {
+                // If `pathPrefix` is configured by user, we should replace
+                // the default prefix with `pathPrefix`.
+                "/": `${pathPrefix}/`,
+            },
+            cacheId: `gatsby-plugin-offline`,
+            // Don't cache-bust JS or CSS files, and anything in the static directory,
+            // since these files have unique URLs and their contents will never change
+            dontCacheBustUrlsMatching: /(\.js$|\.css$|static\/)/,
+            runtimeCaching: [
+                {
+                    // Use cacheFirst since these don't need to be revalidated (same RegExp
+                    // and same reason as above)
+                    urlPattern: /(\.js$|\.css$|static\/)/,
+                    handler: `cacheFirst`,
+                },
+                {
+                    // Add runtime caching of various other page resources
+                    urlPattern: /^https?:.*\.(png|jpg|jpeg|webp|svg|gif|tiff|js|woff|woff2|json|css)$/,
+                    handler: `staleWhileRevalidate`,
+                },
+                {
+                    // Google Fonts CSS (doesn't end in .css so we need to specify it)
+                    urlPattern: /^https?:\/\/fonts\.googleapis\.com\/css/,
+                    handler: `staleWhileRevalidate`,
+                },
+            ],
+            skipWaiting: true,
+            clientsClaim: true,
         }
     },
     rss: {

gatsby-browser.js

@@ -18,4 +18,8 @@ export const onServiceWorkerUpdateFound = () => {
     if (answer === true) {
         window.location.reload()
     }
-}
+}
+
+// 注册自定义 sw 
+// 参见：https://www.gatsbyjs.org/docs/add-offline-support-with-a-service-worker/#using-a-custom-service-worker-in-gatsby
+// export const registerServiceWorker = () => true

gatsby-config.js

@@ -1,10 +1,10 @@
 
 const config = require('./config.js')
 
+
 conf = {
     siteMetadata: config.blogMeta,
     plugins: [
-        `gatsby-plugin-offline`,
         `gatsby-plugin-react-helmet`,
     ],
 }
@@ -63,10 +63,27 @@ if (config.sitemap.open) {
 }
 
 if (config.pwa.open) {
+
+    // 安装应用
     conf.plugins.push({
         resolve: `gatsby-plugin-manifest`,
         options: config.pwa.conf,
     })
+
+    // sw 重载
+    let swConf = config.pwa.swConf
+
+    // 对基于 nelify functions 动态页面，缓存其请求
+    swConf.runtimeCaching.push({
+        // Add runtime caching of various other page resources
+        urlPattern: /^https?:.*\/.netlify\/functions\/notion/,
+        handler: `staleWhileRevalidate`,
+    })
+
+    conf.plugins.push({
+        resolve: `gatsby-plugin-offline`,
+        options: swConf,
+    })
 }
 
 if (config.rss.open) {