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 પ્રક્રિયાનું છે.