webpack-dev-server: darí àwọn ìpè HTTPS API kọjá proxy ilé-iṣẹ́

Fún middleware proxy tí webpack-dev-server ní HttpsProxyAgent, kí o sì pa àfojúsùn àti àtúnkọ ọ̀nà mọ́.

Ṣètò ìsopọ̀ API ní ẹ̀gbẹ́ Node nínú webpack.config.mjs pẹ̀lú ìrísí àkójọ proxy tí ó wà báyìí:

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

Ọ̀nà náà ni:

browser → webpack dev server → corporate proxy → HTTPS API

target ṣì jẹ́ HTTPS API gidi. Aṣojú náà, tí a ro pé ó ti wà nínú iṣẹ́ náà, ń dúnàádúrà ọ̀nà náà nípasẹ̀ alárinà HTTP.

context ń yan àwọn ọ̀nà ìbéèrè tí ẹ̀rọ aṣàwákiri rí; pathRewrite ń yọ àfikún ìdàgbàsókè kúrò. Bẹ́ẹ̀ ni wọn kò dárúkọ proxy ilé-iṣẹ́. Pa àwọn àmìpọ̀ wọ̀nyí mọ́ fún ọ̀nà tí API ń retí.

Lo ìṣàn àti ìtọ́jú ìdáhùn déédéé ti middleware kí ìkọ̀silẹ̀ API àti ìkùnà gbígbé lè wà ní ìyàtọ̀. Relay kejì tí a fi ọwọ́ kọ tí ó ń dá 200 padà nígbà gbogbo yóò fi àbájáde yẹn pamọ́.

Àwọn ìtò proxy ẹ̀rọ aṣàwákiri àti proxy ìgbàsílẹ̀ àpò npm ń ṣètò àwọn aláàmúlò mìíràn. Ìtò yìí jẹ́ ti ìlànà webpack tí ó ń ṣe ìpè API ode.

Àwọn àpilẹ̀kọ tó jọra