webpack-dev-server: hambisa izingcingo ze-HTTPS API nge-proxy yenkampani

Nikeza i-middleware yeproxy ekhona ye-webpack-dev-server i-HttpsProxyAgent, ngokugcina i-target nokubhalwa kabusha kwendlela.

Lungiselela ukuxhumana kwe-API ohlangothini lwe-Node ku-webpack.config.mjs ngendlela yamanje yohlu lweproxy:

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

Umzila uthi:

browser → webpack dev server → corporate proxy → HTTPS API

target usahlala kuyi-HTTPS API yangempela. I-ejenti, okucatshangwa ukuthi isivele ikhona kuphrojekthi, ixoxisana ngomzila ngomlamuli we-HTTP.

context ikhetha izindlela zezicelo ezibonwa isiphequluli; pathRewrite isusa isiqalo sokuthuthukisa. Zombili azisho igama leproxy yenkampani. Gcina lezo zibaluli zomzila obekelwe yi-API.

Sebenzisa ukusakaza nokuphathwa kwezimpendulo okuvamile kwe-middleware ukuze ukwenqatshwa kwe-API nokwehluleka kwezokuthutha kuhlale kwehlukaniseka. Irelay yesibili ebhalwe ngesandla ehlala ibuyisela i-200 ingafihla lowo mphumela.

Izilungiselelo zeproxy zesiphequluli kanye neproxy yokulanda amaphakethe ye-npm zilungiselela abanye abasebenzisi. Lesi silungiselelo singesohlelo lwe-webpack olwenza ucingo lwe-API lwangaphandle.

Izihloko ezihlobene