webpack-dev-server: HTTPS API కాల్‌లను కార్పొరేట్ ప్రాక్సీ ద్వారా రూట్ చేయండి

webpack-dev-server యొక్క ఇప్పటికే ఉన్న ప్రాక్సీ మిడిల్‌వేర్‌కు HttpsProxyAgent ఇవ్వండి, దాని లక్ష్యం మరియు పాత్-రీరైట్‌ను నిలుపుకోండి.

webpack.config.mjs లో ఇప్పటికే ఉన్న ప్రాక్సీ-అరే రూపంతో Node-వైపు API కనెక్షన్‌ను కాన్ఫిగర్ చేయండి:

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

మార్గం ఇది:

browser → webpack dev server → corporate proxy → HTTPS API

target నిజమైన HTTPS API గానే ఉంటుంది. ప్రాజెక్ట్‌లో ఇప్పటికే ఉందని భావించే ఏజెంట్, HTTP మధ్యవర్తి ద్వారా మార్గాన్ని చర్చిస్తుంది.

context బ్రౌజర్‌కు కనిపించే అభ్యర్థన మార్గాలను ఎంచుకుంటుంది; pathRewrite డెవలప్‌మెంట్ ప్రిఫిక్స్‌ను తొలగిస్తుంది. రెండూ కార్పొరేట్ ప్రాక్సీ పేరు చెప్పవు. API ఆశించే మార్గం కోసం ఆ మ్యాపింగ్‌లను నిలుపుకోండి.

API నిరాకరణ మరియు రవాణా వైఫల్యం వేరుగా గుర్తించగలిగేలా మిడిల్‌వేర్ యొక్క సాధారణ స్ట్రీమింగ్ మరియు ప్రతిస్పందన నిర్వహణను ఉపయోగించండి. ఎల్లప్పుడూ 200 తిరిగి ఇచ్చే రెండవ చేతిరాత రిలే ఆ ఫలితాన్ని దాచిపెడుతుంది.

బ్రౌజర్ ప్రాక్సీ సెట్టింగ్‌లు మరియు npm యొక్క ప్యాకేజీ-డౌన్‌లోడ్ ప్రాక్సీ ఇతర వినియోగదారులను కాన్ఫిగర్ చేస్తాయి. ఈ సెట్టింగ్ బాహ్య API కాల్ చేసే webpack ప్రక్రియకు చెందుతుంది.

సంబంధిత వ్యాసాలు