webpack-dev-server: HTTPS API çağırışlarını korporativ proksidən keçir

webpack-dev-server-in mövcud proksi ara proqramına HttpsProxyAgent verin, hədəf və yolun yenidən yazılması konfiqurasiyasını saxlayın.

Node tərəfindəki API bağlantısını webpack.config.mjs faylında cari proksi-massiv forması ilə konfiqurasiya edin:

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': '' },
    }],
  },
};

Marşrut belədir:

browser → webpack dev server → corporate proxy → HTTPS API

target real HTTPS API olaraq qalır. Layihədə artıq mövcud olduğu güman edilən agent yolu HTTP vasitəçisi ilə razılaşdırır.

context brauzerə görünən sorğu yollarını seçir; pathRewrite inkişaf prefiksini silir. Heç biri korporativ proksinin adını çəkmir. Bu uyğunlaşdırmaları API-nin gözlədiyi yol üçün saxlayın.

API-nin rəddi ilə nəqliyyat nasazlığının fərqləndirilə bilməsi üçün ara proqramın adi axın və cavab emalından istifadə edin. Həmişə 200 qaytaran ikinci əl ilə yazılmış relay bu nəticəni gizlədərdi.

Brauzer proksi parametrləri və npm-in paket endirmə proksisi başqa istehlakçıları konfiqurasiya edir. Bu parametr xarici API çağırışını edən webpack prosesinə aiddir.

Əlaqəli məqalələr