webpack-dev-server: HTTPS API чакырууларын корпоративдик прокси аркылуу багыттоо

webpack-dev-server'дин учурдагы прокси аралык программасына HttpsProxyAgent кошуп, максатты жана жолду кайра жазуу жөндөөлөрүн сактаңыз.

Node тарабындагы API байланышын 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 пакеттерин жүктөө проксиси башка керектөөчүлөрдү конфигурациялайт. Бул жөндөө тышкы API чакыруусун жасаган webpack процессине таандык.

Тектеш макалалар