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 செயல்முறைக்கு உரியது.

தொடர்புடைய கட்டுரைகள்