webpack-dev-server: tura kiran HTTPS API ta hanyar wakilin kamfani

Ba wa middleware ɗin wakili na yanzu na webpack-dev-server HttpsProxyAgent yayin riƙe manufarsa da sake rubuta hanya.

Saita haɗin API na gefen Node a cikin webpack.config.mjs da siffar jeri na wakili na yanzu:

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

Hanyar ita ce:

browser → webpack dev server → corporate proxy → HTTPS API

target ya kasance ainihin HTTPS API. Wakilin, wanda ake tsammanin ya riga ya kasance a aikin, yana tattauna hanyar ta hanyar mai shiga tsakani na HTTP.

context yana zaɓar hanyoyin buƙatun da mai bincike yake gani; pathRewrite yana cire prefix ɗin haɓakawa. Babu ɗayansu da yake ambaton wakilin kamfanin. Riƙe waɗannan taswirorin don hanyar da API ke tsammani.

Yi amfani da tsarin yawo da sarrafa amsa na yau da kullun na middleware domin ƙin API da gazawar jigilar su kasance ana iya bambancewa. Wani relay na biyu da aka rubuta da hannu wanda koyaushe yake mayar da 200 zai ɓoye wannan sakamakon.

Saitunan wakilin mai bincike da wakilin sauke fakiti na npm suna saita wasu masu amfani. Wannan saitin na tsarin webpack ne da ke yin kiran API na waje.

Labarai masu alaƙa