webpack-dev-server: אָפּריכטן HTTPS API רופּן דורך אַ פֿירמע־פּראָקסי

גיט אַ HttpsProxyAgent צו דער וואָסיקער פּראָקסי־מיטלוואַרג פֿון webpack-dev-server, און לאָזט איבער דעם ציל און דאָס איבערשריַבן דעם וועג.

שטעלט אָפּ די Node־זייַט API פֿאַרבינדונג אין webpack.config.mjs מיט דער איצטיקער פּראָקסי־מערך פֿאָרם:

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

דער וועג איז:

browser → webpack dev server → corporate proxy → HTTPS API

target בלײַבט דער עכטער HTTPS API. דער אַגענט, וואָס מע פֿאַרזעצט אַז ער איז שוין דאָ אין פּראָיעקט, פֿאַרהאַנדלט דעם וועג דורך דעם HTTP־מיטלמאַן.

context קלייבט די בקשה־וועגן וואָס דער בלעזער זעט; pathRewrite נעמט אַוועק דעם אַנטוויקלונג־פּרעפֿיקס. קיין איינער פֿון זיי רופֿט נישט דעם פֿירמע־פּראָקסי. האַלט די מאַפּינגען פֿאַר דעם וועג וואָס דער API ערוואַרט.

ניצט די נאָרמאַלע סטרימינג און ענטפֿער־באַהאַנדלונג פֿון דער מיטלוואַרג, כּדי אָפּזאָג פֿון API און טראַנספּאָרט־דורכפֿאַל זאָלן בלײַבן צו פֿאַנאַנדערשיידן. אַ צווייטער האַנט־געשריבענער רעלעי וואָס גיט תּמיד 200 וואָלט פֿאַרבאַהאַלטן דעם רעזולטאַט.

בלעזער־פּראָקסי איינשטעלונגען און npm־פּעקל־אַראָפּלאָדנעם פּראָקסי שטעלן אָפּ אַנדערע ניצערס. די איינשטעלונג געהערט צו דעם webpack־פּראָצעס וואָס מאַכט דעם פֿאַרויסדיקן API־רוּף.

פֿאַרבונדענע אַרטיקלען