запросы диапазона рабочего ящика

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

Что делает этот модуль?

Могут быть сценарии, когда вы хотите использовать кэшированный файл, но браузер установил заголовок range . Обычно заголовок игнорируется.

Этот модуль прочитает кэшированный ответ и вернет указанный диапазон данных.

Основное использование

Вы можете использовать запросы диапазона Workbox, добавив плагин к стратегии, по которой вы хотите проверять запросы диапазона.

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {RangeRequestsPlugin} from 'workbox-range-requests';

registerRoute(
  ({url}) => url.pathname.endsWith('.mp4'),
  new CacheFirst({
    plugins: [
      new RangeRequestsPlugin(),
    ],
  });
);

Расширенное использование

Если вы хотите использовать эту логику вне плагина, вы можете использовать функцию createPartialResponse() .

import {createPartialResponse} from 'workbox-range-requests';

createPartialResponse(request, cachedResponse);

Для получения дополнительной информации см. справочную документацию .

workbox-range-requests.createPartialResponse(
  request: Request,
  originalResponse: Response,
)