webpack-dev-server: спрямуйте виклики HTTPS API через корпоративний проксі

Додайте HttpsProxyAgent до наявного проксі-middleware webpack-dev-server, зберігши ціль і перезапис шляху.

Налаштуйте з'єднання з API на боці Node у webpack.config.mjs, використовуючи поточну форму масиву проксі:

import { HttpsProxyAgent } from 'https-proxy-agent';

export default {
  devServer: {
    proxy: [{
      context: ['/api'],
      target: 'https://service.example',
      changeOrigin: true,
      agent: new HttpsProxyAgent('http://proxy.example:8080'),
      pathRewrite: { '^/api': '' },
    }],
  },
};

Маршрут такий:

browser → webpack dev server → corporate proxy → HTTPS API

target залишається справжнім HTTPS API. Агент, який, як передбачається, вже є в проєкті, узгоджує шлях через HTTP-посередник.

context вибирає шляхи запитів, видимі браузеру; pathRewrite видаляє префікс розробки. Жоден із них не називає корпоративний проксі. Збережіть ці зіставлення для шляху, якого очікує API.

Використовуйте звичайну обробку потоків і відповідей middleware, щоб відмова API та збій транспорту залишалися розрізнюваними. Другий вручну написаний релей, який завжди повертає 200, приховав би цей результат.

Налаштування проксі браузера та проксі завантаження пакетів npm налаштовують інших споживачів. Це налаштування належить процесу webpack, який виконує зовнішній виклик API.

Схожі статті