Видя, если запрос успешно внутри сервисного работника

Question

я следующий код в моем работника службы:

self.addEventListener('fetch', function (event) { 
    var fetchPromise = fetch(event.request); 

    fetchPromise.then(function() { 
    // do something here 
    }); 

    event.respondWith(fetchPromise); 
}); 

Однако, это делают некоторые странные вещи в консоли Дев и, кажется, делает загрузку сценария асинхронно а не синхронно (что в этом контексте плохо).

Есть ли способ прослушать, когда запрос будет выполнен без вызова fetch(event.request) вручную?

Например:

// This doesn't work 
self.addEventListener('fetch', function (event) { 
    event.request.then(function() { 
    // do something here 
    }); 
}); 

Answer 1

Если вы хотите, чтобы убедиться, что вся ваша последовательность действий выполняется до того, как ответ возвращается на страницу, вы должны отвечать всем обещание цепи, а не только первоначальное обещание возвращен путем выборки.

self.addEventListener('fetch', function(event) { 
    event.respondWith(fetch(event.request).then(function(response) { 
    // The fetch() is complete and response is available now. 
    // response.ok will be true if the HTTP response code is 2xx 
    // Make sure you return response at the end! 
    return response; 
    }).catch(function(error) { 
    // This will be triggered if the initial fetch() fails, 
    // e.g. due to network connectivity. Or if you throw an exception 
    // elsewhere in your promise chain. 
    return error; 
    })); 
});