webpack-dev-server: enkursigu HTTPS-API-vokojn tra entreprena prokurilo

Donu al la ekzistanta prokura mezvaraĵo de webpack-dev-server HttpsProxyAgent, konservante ĝian celon kaj vojan reskribon.

Konfiguru la API-konekton flanke de Node en webpack.config.mjs per la nuna prokura tabela formo:

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

La itinero estas:

browser → webpack dev server → corporate proxy → HTTPS API

target restas la vera HTTPS-API. La agento, supozate jam havebla en la projekto, intertraktas la vojon tra la HTTP-peranto.

context elektas la petvojojn vidatajn de la retumilo; pathRewrite forigas la evoluigan prefikson. Neniu el ili nomas la entreprenan prokurilon. Konservu tiujn mapadojn por la vojo, kiun la API atendas.

Uzu la kutiman fluan kaj respondan prilaboradon de la mezvaraĵo, por ke API-rifuzo kaj transporta fiasko restu distingeblaj. Dua permane skribita relajso, kiu ĉiam redonas 200, kaŝus tiun rezulton.

Retumilaj prokuraj agordoj kaj la paketa elŝuta prokurilo de npm agordas aliajn konsumantojn. Ĉi tiu agordo apartenas al la webpack-procezo, kiu faras la eksteran API-vokon.

Rilataj artikoloj