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 ක්‍රියාවලියට අයත් වේ.

අදාළ ලිපි