webpack-dev-server: rutekan panggilan HTTPS API melalui proksi perusahaan

Berikan HttpsProxyAgent kepada middleware proksi webpack-dev-server yang sudah ada sambil mempertahankan target dan penulisan ulang jalurnya.

Konfigurasikan koneksi API sisi Node di webpack.config.mjs dengan bentuk larik proksi yang sekarang:

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

Rutenya adalah:

browser → webpack dev server → corporate proxy → HTTPS API

target tetap menjadi HTTPS API yang sebenarnya. Agen, yang diasumsikan sudah tersedia di proyek, menegosiasikan jalur melalui perantara HTTP.

context memilih jalur permintaan yang dilihat peramban; pathRewrite menghapus awalan pengembangan. Keduanya tidak menyebut proksi perusahaan. Pertahankan pemetaan itu untuk jalur yang diharapkan API.

Gunakan streaming dan penanganan respons normal middleware agar penolakan API dan kegagalan transportasi tetap dapat dibedakan. Relai kedua yang ditulis tangan dan selalu mengembalikan 200 akan menyembunyikan hasil itu.

Pengaturan proksi peramban dan proksi unduhan paket npm mengonfigurasi konsumen lain. Pengaturan ini milik proses webpack yang melakukan panggilan API eksternal.

Artikel terkait