我正在使用工作箱并尝试缓存类似这样的请求:
this.serviceWorker.addEventListener('fetch', (event) => {
const request = event.request;
event.respondWith(
caches.open('cache name')
.then(cache => cache.match(request))
.then(async (cachedResponse) => {
// todo something
如何取消event.request并发送自定义请求?感谢您的帮助。
您可以像这样改变或完全改变发出的请求:
this.serviceWorker.addEventListener('fetch', (event) => {
const request = event.request;
return event.respondWith(
caches.open('cache name')
.then(cache => cache.match(request))
.then(async (cachedResponse) => {
// create a new request, fetchi it, and return the result
return fetch(new Request(request.url ....))
})
请注意我在第三行代码中添加的return语句:)
有关构造新请求的更多信息:https://stackoverflow.com/a/35421858/5038943