javascript - How to use service-worker if resources are on different domains? - Stack Overflow

admin管理员组

文章数量:1431691

As we know service worker is registered from the root of the project folder but, is there any way to fetch some static resources (css, js) from different domain(s)?

Example :

• myWebsite // main url (e.g. index.html)
• abc/css/style.css // css file path
• xyz/js/jsFile.js //javascript file path

As we know service worker is registered from the root of the project folder but, is there any way to fetch some static resources (css, js) from different domain(s)?

Example :

• myWebsite. // main url (e.g. index.html)
• abc./css/style.css // css file path
• xyz./js/jsFile.js //javascript file path

• javascript
• service-worker

Share Improve this question Follow edited Nov 24, 2015 at 9:47 Bartłomiej Semańczyk 62k5252 gold badges250250 silver badges401401 bronze badges asked Nov 24, 2015 at 9:41 pritipriti 2111 silver badge33 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Any request that es from the page (except iframe sub-resources) will pass through the service worker. These resources can be from the same or different origin. You can cache these resources so that they are available offline however as a developer you can't manipulate or inspect the contents of them unless the resources have the correct CORS header set.

For example, in your install event, you can Cache a remote file that is not on your domain.

self.addEventListener('install', function(e) {
  e.waitUntil(
    caches.open('airhorner').then(function(cache) {
      return cache.addAll([
        'https://paul.kinlan.me/'
      ]);
    })
  );
});

It is by default possible to fetch and cache cross-origin resources according to the specification:

the [cross-origin] objects stored are Response objects with the type attribute set to "opaque" [...] less expressive API than Responses typed "basic"; the bodies and headers cannot be read or set, nor many of the other aspects of their content inspected

本文标签： javascriptHow to use serviceworker if resources are on different domainsStack Overflow