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 ପ୍ରକ୍ରିୟାର।

ସମ୍ପର୍କିତ ପ୍ରବନ୍ଧ