webpack-dev-server: beina HTTPS API-köllum í gegnum fyrirtækisproxy

Gefðu núverandi proxy-middleware webpack-dev-server HttpsProxyAgent og haltu marki og slóðar-endurskrift.

Stilltu API-tenginguna á Node-hliðinni í webpack.config.mjs með núverandi proxy-fylkisformi:

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

Leiðin er:

browser → webpack dev server → corporate proxy → HTTPS API

target er áfram raunverulega HTTPS API-ið. Agentinn, sem gert er ráð fyrir að sé þegar til í verkefninu, semur um slóðina í gegnum HTTP-milliliðinn.

context velur beiðnislóðirnar sem vafrinn sér; pathRewrite fjarlægir þróunarforskeytið. Hvort tveggja nefnir ekki fyrirtækisproxyið. Haltu þessum vörpunum fyrir slóðina sem API-ið væntir.

Notaðu venjulega streymi og svörunarvinnslu middlewareins svo API-höfnun og flutningsbilun verði áfram aðgreinanleg. Annað handskrifað relé sem skilar alltaf 200 myndi fela þá niðurstöðu.

Proxy-stillingar vafrans og pakka-niðurhalsproxy npm stilla aðra notendur. Þessi stilling tilheyrir webpack-ferlinu sem gerir ytra API-kallið.

Tengdir greinar