Offline plugin fetch error (#8158)

* Use 'no-cors' mode when fetching external resources * Review feedback * No log
gatsbyjs · Sep 14, 2018 · 5b1e3f4 · 5b1e3f4
1 parent 6592aaa
commit 5b1e3f4
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/gatsby-plugin-offline/src/gatsby-browser.js b/packages/gatsby-plugin-offline/src/gatsby-browser.js
@@ -29,7 +29,12 @@ exports.onServiceWorkerInstalled = ({ getResourceURLsForPathname }) => {
     .map(node => node.src || node.href || node.getAttribute(`data-href`))
 
   for (const resource of resources) {
-    fetch(resource)
+    const url = new URL(resource, window.location.origin)
+    const isExternal = url.origin !== window.location.origin
+    fetch(
+      resource,
+      isExternal ? { mode: `no-cors` } : undefined
+    )
   }
 
   // Loop over all resources and fetch the page component and JSON