webpack-dev-server: drejto thirrjet HTTPS API përmes një proxy korporative

Jepini middleware-it ekzistues të proxy-t të webpack-dev-server një HttpsProxyAgent, duke ruajtur objektivin dhe rishkrimin e shtegut.

Konfiguroni lidhjen me API-n në anën Node në webpack.config.mjs me formën aktuale të grupit të proxy-ve:

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

Rruga është:

browser → webpack dev server → corporate proxy → HTTPS API

target mbetet HTTPS API i vërtetë. Agjenti, që supozohet se është tashmë në projekt, negocion shtegun përmes ndërmjetësit HTTP.

context zgjedh shtigjet e kërkesave që shikon shfletuesi; pathRewrite heq parashtesën e zhvillimit. Asnjëra nuk e emërton proxy-n korporative. Ruajini ato pasqyrime për shtegun që pret API-ja.

Përdorni transmetimin dhe trajtimin normal të përgjigjeve të middleware-it, që refuzimi i API-së dhe dështimi i transportit të mbeten të dallueshëm. Një rele i dytë i shkruar me dorë që kthen gjithmonë 200 do ta fshihte atë rezultat.

Cilësimet e proxy-t të shfletuesit dhe proxy-i i shkarkimit të paketave të npm konfigurojnë konsumatorë të tjerë. Ky cilësim i përket procesit të webpack që bën thirrjen e jashtme të API-së.

Artikuj të ngjashëm