我们知道 service worker 是从项目文件夹的根目录注册的,但是有没有办法从不同的域中获取一些静态资源(css、js)?
示例:
myWebsite.com
//主要网址(例如 index.html)abc.com/css/style.css
//css文件路径xyz.com/js/jsFile.js
//javascript文件路径
最佳答案
来自页面的任何请求(除了 iframe 子资源)都将通过 service worker。这些资源可以来自相同或不同的来源。您可以缓存这些资源,以便它们可以脱机使用,但是作为开发人员,您无法操作或检查它们的内容,除非资源具有正确的 CORS header 集。
例如,在您的安装事件中,您可以缓存不在您域中的远程文件。
self.addEventListener('install', function(e) {
e.waitUntil(
caches.open('airhorner').then(function(cache) {
return cache.addAll([
'https://paul.kinlan.me/'
]);
})
);
});
关于javascript - 如果资源在不同的域上,如何使用 service-worker?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33890124/