webpack-dev-server: HTTPS API-hívások átirányítása vállalati proxyn keresztül

Adjon HttpsProxyAgentet a webpack-dev-server meglévő proxy middleware-ének, megtartva a célt és az útvonal-átírást.

Állítsa be a Node-oldali API-kapcsolatot a webpack.config.mjs fájlban a jelenlegi proxy-tömb formával:

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': '' },
    }],
  },
};

Az útvonal:

browser → webpack dev server → corporate proxy → HTTPS API

target továbbra is a valódi HTTPS API. Az agent, amelyről feltételezzük, hogy már elérhető a projektben, a HTTP-közvetítőn keresztül egyezteti az útvonalat.

context választja ki a böngésző által látott kérési útvonalakat; pathRewrite eltávolítja a fejlesztési előtagot. Egyik sem nevezi meg a vállalati proxyt. Tartsa meg ezeket a leképezéseket az API által várt útvonalhoz.

Használja a middleware szokásos streamelését és válaszkezelését, hogy az API elutasítása és a szállítási hiba megkülönböztethető maradjon. Egy második, kézzel írt relé, amely mindig 200-at ad vissza, elrejtené ezt az eredményt.

A böngésző proxybeállításai és az npm csomagletöltő proxyja más fogyasztókat állítanak be. Ez a beállítás a webpack folyamathoz tartozik, amely a külső API-hívást végzi.

Kapcsolódó cikkek