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 প্রসেসের অন্তর্গত।

সম্পর্কিত নিবন্ধ