webpack-dev-server: send HTTPS-API-kald gennem en virksomhedsproxy

Giv webpack-dev-servers eksisterende proxy-middleware en HttpsProxyAgent, mens mål og stiomskrivning bevares.

Konfigurer Node-sidens API-forbindelse i webpack.config.mjs med den nuværende proxy-array-form:

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

Ruten er:

browser → webpack dev server → corporate proxy → HTTPS API

target forbliver det rigtige HTTPS-API. Agenten, som antages allerede at være tilgængelig i projektet, forhandler ruten gennem HTTP-mellemledet.

context vælger de anmodningsstier, browseren ser; pathRewrite fjerner udviklingspræfikset. Ingen af dem navngiver virksomhedsproxien. Bevar disse mappinger til den sti, API'et forventer.

Brug middlewareens normale streaming og svarhåndtering, så API-afvisning og transportfejl forbliver til at skelne. Et andet håndskrevet relay, der altid returnerer 200, ville skjule det resultat.

Browserens proxyindstillinger og npms proxy til pakkenedhentning konfigurerer andre forbrugere. Denne indstilling hører til webpack-processen, der foretager det eksterne API-kald.

Relaterede artikler