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-ја.

Повезани чланци