webpack-dev-server: usmjerite HTTPS pozive API-ja kroz korporativni proxy

Dodajte HttpsProxyAgent postojećem proxy middlewareu u webpack-dev-serveru, uz zadržavanje cilja i konfiguracije prepisivanja putanje.

Konfigurirajte vezu s API-jem na Node strani u webpack.config.mjs koristeći trenutni oblik proxy niza:

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

Ruta je:

browser → webpack dev server → corporate proxy → HTTPS API

target ostaje stvarni HTTPS API. Agent, za koji se pretpostavlja da već postoji u projektu, pregovara putanju kroz HTTP posrednika.

context bira putanje zahtjeva koje vidi preglednik; pathRewrite uklanja razvojni prefiks. Nijedno od njih ne imenuje korporativni proxy. Zadržite ta mapiranja za putanju koju API očekuje.

Koristite uobičajeno strujanje i obradu odgovora middlewarea kako bi odbijanje API-ja i transportni neuspjeh ostali razlučivi. Drugi ručno napisan relej koji uvijek vraća 200 sakrio bi taj rezultat.

Postavke proxyja preglednika i npm proxy za preuzimanje paketa konfiguriraju druge potrošače. Ova postavka pripada webpack procesu koji upućuje vanjski poziv API-ja.

Povezani članci