webpack-dev-server: bideratu HTTPS API deiak korporazio proxy baten bidez

Eman webpack-dev-server-en lehendik dagoen proxy middlewareari HttpsProxyAgent bat, helburua eta bide-berridazketa mantenduta.

Konfiguratu Node aldeko API konexioa webpack.config.mjs fitxategian oraingo proxy array formarekin:

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

Ibilbidea hau da:

browser → webpack dev server → corporate proxy → HTTPS API

target benetako HTTPS APIa izaten jarraitzen du. Agentak, proiektuak lehendik duela suposatzen da, HTTP bitartekariaren bidez negoziatzen du bidea.

context-k nabigatzaileak ikusten dituen eskaera-bideak hautatzen ditu; pathRewrite-k garapen aurrizkia kentzen du. Biak ez dute korporazio proxyaren izena aipatzen. Mantendu mapaketa horiek APIak espero duen biderako.

Erabili middlewarearen ohiko streaming eta erantzunen kudeaketa, APIaren ukapena eta garraio-hutsa bereizgarri mantentzeko. Beti 200 itzultzen duen eskuz idatzitako bigarren errele batek emaitza hori ezkutatuko luke.

Nabigatzailearen proxy ezarpenek eta npm-ren pakete jaitsiera proxyak beste kontsumitzaile batzuk konfiguratzen dituzte. Ezarpen hau kanpoko API deia egiten duen webpack prozesuarena da.

Erlazionatutako artikuluak