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 प्रक्रियेचे आहे.

संबंधित लेख