webpack-dev-server: suuna HTTPS API kutsed läbi ettevõtte puhverserveri

Lisage webpack-dev-serveri olemasolevale puhverserveri vahetarkvarale HttpsProxyAgent, säilitades sihtkoha ja tee ümberkirjutuse.

Seadistage Node-poolne API-ühendus failis webpack.config.mjs praeguse puhverserveri massiivi kujuga:

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

Marsruut on:

browser → webpack dev server → corporate proxy → HTTPS API

target jääb tegelikuks HTTPS API-ks. Agent, mis eeldatavasti on projektis juba olemas, läbiräägib tee HTTP vahendaja kaudu.

context valib brauserile nähtavad päringuteed; pathRewrite eemaldab arenduse eesliite. Kumbki ei nimeta ettevõtte puhverserverit. Säilitage need vastendused API oodatava tee jaoks.

Kasutage vahetarkvara tavalist voogedastust ja vastuse töötlemist, et API tagasilükkamine ja transporditõrge jääksid eristatavaks. Teine käsitsi kirjutatud relee, mis tagastab alati 200, varjaks selle tulemuse.

Brauseri puhverserveri seaded ja npmi paketi allalaadimise puhverserver seadistavad teisi tarbijaid. See säte kuulub webpacki protsessile, mis teeb välise API kutse.

Seotud artiklid