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 процесіне тиесілі.

Қатысты мақалалар