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 പ്രോസസ്സിന്റേതാണ്.

അനുബന്ധ ലേഖനങ്ങൾ