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

सम्बन्धित लेखहरू