Vue. js - Имитация медленной сети с помощью клиента DevProxy, Cypress или Apollo.

Question

Мы строим SPA с Vue. js и клиентом Apollo. Мы тестируем наше приложение с Cypress. Было бы неплохо увидеть задержку в 3 секунды для каждого запроса graphQL, просто чтобы проверить, все ли по-прежнему работает должным образом.

Поскольку vue использует http-proxy-middleware, я попытался добавить некоторые параметры в vue .config. js. следующим образом:

module.exports = {
  devServer: {
      port: 8083,
      proxy: {
          '^/graphql': {
              target: 'http://localhost:8082',
              ws: true,
              changeOrigin: true,
              pathRewrite: async function (path, req) {
                  console.log("pathRewrite waiting")
                  await new Promise(resolve => setTimeout(resolve, 3000));
                  console.log("pathRewrite resolved")
                  return path;
              }
          }
      }
  },

Функция вызывается, но не приостанавливает запрос. Я вижу оба оператора на своем терминале с задержкой в ​​3 секунды. Но в моем браузере сетевой запрос выполняется за считанные миллисекунды.

Как я могу имитировать медленную сеть, не используя дросселирование браузера. Я не хочу, чтобы браузер регулировался, поскольку это ручной процесс.

Что является наилучшей практикой? Настроить vue прокси? Настроить клиент apollo? Или я должен как-то запустить его в бэкэнде Spring Boot?