webpack-dev-server: maršrutēt HTTPS API izsaukumus caur uzņēmuma starpniekserveri

Pievienojiet HttpsProxyAgent webpack-dev-server esošajai starpniekservera starplūgsnai, saglabājot mērķi un ceļa pārrakstīšanu.

Konfigurējiet Node puses API savienojumu webpack.config.mjs ar pašreizējo starpniekservera masīva formu:

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

Maršruts ir:

browser → webpack dev server → corporate proxy → HTTPS API

target paliek īstais HTTPS API. Aģents, kas, domājams, jau ir projektā, vienojas par ceļu caur HTTP starpnieku.

context izvēlas pārlūkā redzamos pieprasījuma ceļus; pathRewrite noņem izstrādes prefiksu. Neviens no tiem nenosauc uzņēmuma starpniekserveri. Saglabājiet šos kartējumus API gaidītajam ceļam.

Izmantojiet starplūgsnas parasto straumēšanu un atbilžu apstrādi, lai API noraidījums un transporta kļūda paliktu atšķirami. Otrs ar roku rakstīts relejs, kas vienmēr atgriež 200, šo rezultātu paslēptu.

Pārlūka starpniekservera iestatījumi un npm pakotņu lejupielādes starpniekserveris konfigurē citus lietotājus. Šis iestatījums pieder webpack procesam, kas veic ārējo API izsaukumu.

Saistītie raksti