webpack-dev-server: direcționează apelurile HTTPS API printr-un proxy de companie

Adaugă un HttpsProxyAgent middleware-ului proxy existent din webpack-dev-server, păstrând ținta și rescrierea căii.

Configurează conexiunea API din partea Node în webpack.config.mjs cu forma actuală de tablou proxy:

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

Ruta este:

browser → webpack dev server → corporate proxy → HTTPS API

target rămâne API-ul HTTPS real. Agentul, despre care se presupune că există deja în proiect, negociază calea prin intermediarul HTTP.

context selectează căile cererilor văzute de browser; pathRewrite elimină prefixul de dezvoltare. Niciunul nu numește proxy-ul companiei. Păstrează aceste mapări pentru calea așteptată de API.

Folosește streamingul și gestionarea răspunsurilor obișnuite ale middleware-ului, astfel încât respingerea API și eșecul de transport să rămână distinse. Un al doilea releu scris manual care ar returna mereu 200 ar ascunde acel rezultat.

Setările de proxy ale browserului și proxy-ul de descărcare a pachetelor npm configurează alți consumatori. Această setare aparține procesului webpack care face apelul API extern.

Articole similare