webpack-dev-server: stiùir gairmean HTTPS API tro neach-ionaid corporra

Thoir HttpsProxyAgent don mheadhan-bhuidse neach-ionaid a th' aig webpack-dev-server mar-thà, a' gleidheadh an targaid agus an ath-sgrìobhadh slighe.

Rèitich an ceangal API air taobh Node ann an webpack.config.mjs leis an chruth raon neach-ionaid a th' ann an-dràsta:

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

'S e an t-slighe:

browser → webpack dev server → corporate proxy → HTTPS API

Fanaidh target mar an fhìor HTTPS API. Bidh an t-àidseant, a thathar a' smaoineachadh a tha sa phròiseact mar-thà, a' barganachadh na slighe tron eadar-mheadhanach HTTP.

Taghaidh context na slighean iarraidh a chì am brabhsair; bheir pathRewrite air falbh an ro-leasachan leasachaidh. Chan eil fear dhiubh ag ainmeachadh an neach-ionaid corporra. Cùm na mapaichean sin airson na slighe a tha an API a' sùileachadh.

Cleachd sruthadh agus làimhseachadh fhreagairtean àbhaisteach a' mheadhan-bhuidse gus am fuirich diùltadh API agus fàilligeadh giùlain eadar-dhealaichte. Bhiodh dàrna seala a chaidh a sgrìobhadh le làimh a tha an-còmhnaidh a' tilleadh 200 a' falach an toraidh sin.

Bidh roghainnean neach-ionaid a' bhrabhsair agus neach-ionaid luchdadh phasgan npm a' rèiteachadh luchd-cleachdaidh eile. Buineas an roghainn seo don phròiseas webpack a nì an gairm API a-muigh.

Artaigilean co-cheangailte