webpack-dev-server: llwybro galwadau HTTPS API trwy ddirprwy gorfforaethol

Rhowch HttpsProxyAgent i middleware dirprwy presennol webpack-dev-server gan gadw ei darged a'i ailsgrifennu llwybr.

Ffurfweddwch gysylltiad API ochr Node yn webpack.config.mjs gan ddefnyddio ffurf arae dirprwy bresennol:

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

Mae'r llwybr fel hyn:

browser → webpack dev server → corporate proxy → HTTPS API

target yw'r API HTTPS go iawn o hyd. Mae'r asiant, y tybir ei fod eisoes ar gael yn y prosiect, yn trafod y llwybr drwy'r cyfryngwr HTTP.

Mae context yn dewis llwybrau cais sy'n wynebu'r porwr; mae pathRewrite yn tynnu'r rhagddodiad datblygu. Nid yw'r naill na'r llall yn enwi'r dirprwy gorfforaethol. Cadwch y mapiau hynny ar gyfer y llwybr y mae'r API yn ei ddisgwyl.

Defnyddiwch lif a thriniaeth ymateb arferol y middleware fel bod gwrthodiad API a methiant cludiant yn aros yn wahanadwy. Byddai ail orsaf a ysgrifennwyd a llaw sy'n dychwelyd 200 bob amser yn cuddio'r canlyniad hwnnw.

Mae gosodiadau dirprwy'r porwr a dirprwy lawrlwytho pecynnau npm yn ffurfweddu defnyddwyr eraill. Mae'r gosodiad hwn yn perthyn i broses webpack sy'n gwneud yr alwad API allanol.

Erthyglau cysylltiedig