webpack-dev-server: reititä HTTPS API -kutsut yrityksen välityspalvelimen kautta

Anna webpack-dev-serverin nykyiselle välityspalvelinohjelmistolle HttpsProxyAgent säilyttäen kohde ja polun uudelleenkirjoitus.

Määritä Noden puolen API-yhteys tiedostossa webpack.config.mjs nykyisellä välityspalvelintaulukon muodolla:

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

Reitti on:

browser → webpack dev server → corporate proxy → HTTPS API

target on edelleen todellinen HTTPS API. Agentin, jonka oletetaan olevan jo projektissa, neuvottelee polun HTTP-välittäjän kautta.

context valitsee selaimelle näkyvät pyyntöpolut; pathRewrite poistaa kehitysetuliitteen. Kumpikaan ei nimeä yrityksen välityspalvelinta. Säilytä nämä yhdistämiset API:n odottamalle polulle.

Käytä välityspalvelinohjelmiston normaalia suoratoistoa ja vastaustenkäsittelyä, jotta API:n hylkäys ja kuljetusvirhe pysyvät erotettavina. Toinen käsin kirjoitettu rele, joka palauttaa aina 200, peittäisi tämän tuloksen.

Selaimen välityspalvelinasetukset ja npm:n pakettien latauksen välityspalvelin määrittävät muita kuluttajia. Tämä asetus kuuluu webpack-prosessille, joka tekee ulkoisen API-kutsun.

Aiheeseen liittyvät artikkelit