webpack-dev-server: HTTPS API کالز کو کارپوریٹ پراکسی کے ذریعے روٹ کریں

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 عمل کی ہے۔