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

Добавете HttpsProxyAgent към съществуващия прокси междинен софтуер на 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 очаква.

Използвайте нормалната обработка на поток и отговор на междинния софтуер, така че отхвърлянето от API и транспортният провал да остават различими. Втори ръчно написан релей, който винаги връща 200, би скрил този резултат.

Настройките за прокси на браузъра и проксито за изтегляне на пакети на npm конфигурират други консуматори. Тази настройка принадлежи на процеса webpack, който прави външното извикване на API.

Подобни статии