Javascript 服务工作者在Chrome中获取Cachebuster错误
无可否认,我对这件事很在行。我试图让服务人员显示脱机页面,但当我使浏览器脱机时,出现以下错误: 无法获取/offline.html?cachebust=1485461215845 我的代码基于以下帖子: My Index.html脚本中包含以下内容:Javascript 服务工作者在Chrome中获取Cachebuster错误,javascript,caching,service-worker,Javascript,Caching,Service Worker,无可否认,我对这件事很在行。我试图让服务人员显示脱机页面,但当我使浏览器脱机时,出现以下错误: 无法获取/offline.html?cachebust=1485461215845 我的代码基于以下帖子: My Index.html脚本中包含以下内容: <script type="text/javascript"> // Register the service worker if ('serviceWorker' in navigator) { navigator.serv
<script type="text/javascript">
// Register the service worker
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}).catch(function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
}
</script>
'use strict';
var cacheVersion = 1;
var currentCache = {
offline: 'offline-cache' + cacheVersion
};
const offlineUrl = 'offline.html';
this.addEventListener('install', event => {
event.waitUntil(
caches.open(currentCache.offline).then(function(cache) {
return cache.addAll([
offlineUrl
]);
})
);
});
this.addEventListener('fetch', event => {
// request.mode = navigate isn't supported in all browsers
// so include a check for Accept: text/html header.
if (event.request.mode === 'navigate' || (event.request.method === 'GET' && event.request.headers.get('accept').includes('text/html'))) {
event.respondWith(
fetch(event.request.url).catch(error => {
// Return the offline page
return caches.match(offlineUrl);
})
);
}
else{
// Respond with everything else if we can
event.respondWith(caches.match(event.request)
.then(function (response) {
return response || fetch(event.request);
})
);
}
});
调试代码看起来一切正常,除了(要执行的最后一行是return caches.match(offlineurl)),但我没有呈现脱机页面,而是得到了cachebuster错误。在谷歌的cachebuster上没有多少内容。如果您有任何见解,我们将不胜感激。我发现在本地主机上运行时,当我将应用程序移植到https服务器(heroku)时,会发生此错误offline.html的行为与预期的一样
无法获取/offline.html?cachebust=1485461215845
-您试图从中获取此信息的主机是否有一个offline.html
?是的,我可以通过直接url浏览到该文件