webpack-dev-server: ródaigh glaonna HTTPS API trí sheachfhreastalaí corparáideach

Tabhair HttpsProxyAgent don mheánbhogearra seachfhreastalaí atá ag webpack-dev-server cheana, agus coinnigh a sprioc agus an athscríobh cosáin.

Cumraigh an nasc API ar thaobh Node in webpack.config.mjs leis an bhfoirm eagar seachfhreastalaí atá ann faoi láthair:

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

Is é an bealach:

browser → webpack dev server → corporate proxy → HTTPS API

Fanann target mar an fíor-HTTPS API. Déanann an gníomhaire, a mheastar a bheith ar fáil sa tionscadal cheana, an cosán a idirbheartú tríd an idirghabhálaí HTTP.

Roghnaíonn context na cosáin iarratais a fheiceann an brabhsálaí; bainfidh pathRewrite an réimír forbartha. Ní luann ceachtar acu an seachfhreastalaí corparáideach. Coinnigh na mapaí sin le haghaidh an chosáin a bhfuiltear ag súil leis ón API.

Úsáid sruthú agus láimhseáil freagraí normálta an mheánbhogearra ionas go bhfanfaidh diúltú API agus teip iompair idirdhealaithe. Chuirfeadh an dara sealaíocht scríofa de láimh a thugann 200 i gcónaí an toradh sin i bhfolach.

Cumraíonn socruithe seachfhreastalaí an bhrabhsálaí agus seachfhreastalaí íoslódála pacáistí npm tomhaltóirí eile. Baineann an socrú seo leis an bpróiseas webpack a dhéanann an glao seachtrach API.

Ailt ghaolmhara