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 প্ৰচেছৰ অন্তৰ্গত।