webpack-dev-server: iġġi sejħiet HTTPS API minn proxy korporattiv

Agħti HttpsProxyAgent lill-middleware tal-proxy eżistenti ta' webpack-dev-server filwaqt li żżomm il-mira u l-kitba mill-ġdid tal-passaġġ.

Ikkonfigura l-konnessjoni tal-API min-naħa Node f'webpack.config.mjs bil-forma attwali tal-array tal-proxy:

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

Ir-rotta hija:

browser → webpack dev server → corporate proxy → HTTPS API

target jibqa' l-HTTPS API vera. L-aġent, li jitqies li diġà jinsab fil-proġett, jinnegozja l-passaġġ permezz tal-intermedjarju HTTP.

context jagħżel il-passaġġi tat-talbiet li jara l-browser; pathRewrite jneħħi l-prefiss tal-iżvilupp. Lanqas waħda minnhom ma ssemmi l-proxy korporattiv. Żomm dawk l-immaġini għall-passaġġ li jistenna l-API.

Uża l-istrimjar u l-immaniġġjar tar-rispons normali tal-middleware biex iċ-ċaħda tal-API u l-falliment tat-trasport jibqgħu jingħarfu. It-tieni relay miktub bl-idejn li dejjem jirritorna 200 kien jaħbi dak ir-riżultat.

Is-settings tal-proxy tal-browser u l-proxy tat-tniżżil tal-pakketti ta' npm jikkonfiguraw konsumaturi oħra. Dan is-setting jappartjeni lill-proċess ta' webpack li jagħmel is-sejħa esterna tal-API.

Artikli relatati