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 ಪ್ರಕ್ರಿಯೆಗೆ ಸೇರಿದೆ.

ಸಂಬಂಧಿತ ಲೇಖನಗಳು