webpack-dev-server: HTTPS API дуудлагыг корпорацийн проксигоор дамжуулах

webpack-dev-server-ийн одоо байгаа прокси middleware-д HttpsProxyAgent нэмж, target болон замын дахин бичлэгийг хэвээр хадгална.

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 хэвээр үлдэнэ. Төсөлд аль хэдийн байгаа гэж үзсэн agent нь замыг HTTP зуучлагчаар дамжуулан зохицуулна.

context хөтөч хардаг хүсэлтийн замыг сонгоно; pathRewrite хөгжүүлэлтийн угтварыг хасна. Аль нь ч корпорацийн проксийн нэрийг дурдахгүй. API-ийн хүлээж буй замд зориулж эдгээр буулгалтыг хадгална.

API-ийн татгалзал болон тээврийн эвдрэл ялгарахын тулд middleware-ийн ердийн урсгал болон хариу боловсруулалтыг ашиглана. Үргэлж 200 буцаадаг хоёр дахь гараар бичсэн реле энэ үр дүнг нуух байсан.

Хөтчийн прокси тохиргоо болон npm-ийн багц татах прокси нь бусад хэрэглэгчдийг тохируулна. Энэ тохиргоо нь гадаад API дуудлага хийж буй webpack процессынх юм.

Холбоотой нийтлэлүүд