webpack-dev-server: ruter HTTPS API-kall gjennom en bedriftsproxy

Gi webpack-dev-servers eksisterende proxy-middeware en HttpsProxyAgent, og behold mål og stiomskriving.

Konfigurer API-tilkoblingen på Node-siden i webpack.config.mjs med dagens 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 forblir det ekte HTTPS-API-et. Agenten, som antas å være tilgjengelig i prosjektet allerede, forhandler stien gjennom HTTP-mellomleddet.

context velger forespørselsstiene nettleseren ser; pathRewrite fjerner utviklingsprefikset. Ingen av dem navngir bedriftsproxien. Behold disse tilordningene for stien API-et forventer.

Bruk middewarens vanlige strømming og svarbetjening slik at API-avvisning og transportfeil forblir skillbare. En andre håndskrevet relé som alltid returnerer 200, ville skjult det resultatet.

Nettleserens proxyinnstillinger og npms proxy for pakkenedlasting konfigurerer andre brukere. Denne innstillingen hører til webpack-prosessen som gjør det eksterne API-kallet.

Relaterte artikler