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 प्रक्रिया की है।

संबंधित लेख