webpack-dev-server: halakan panggilan HTTPS API melalui proksi korporat

Berikan HttpsProxyAgent kepada middleware proksi sedia ada webpack-dev-server sambil mengekalkan sasaran dan penulisan semula laluannya.

Konfigurasikan sambungan API sebelah Node dalam webpack.config.mjs dengan bentuk tatasusunan proksi semasa:

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

Laluannya ialah:

browser → webpack dev server → corporate proxy → HTTPS API

target kekal sebagai HTTPS API sebenar. Ejen, yang diandaikan sudah tersedia dalam projek, merundingkan laluan melalui perantara HTTP.

context memilih laluan permintaan yang dilihat pelayar; pathRewrite membuang awalan pembangunan. Kedua-duanya tidak menamakan proksi korporat. Kekalkan pemetaan itu untuk laluan yang dijangka oleh API.

Gunakan penstriman dan pengendalian respons biasa middleware supaya penolakan API dan kegagalan pengangkutan kekal boleh dibezakan. Geganti kedua yang ditulis tangan dan sentiasa memulangkan 200 akan menyembunyikan keputusan itu.

Tetapan proksi pelayar dan proksi muat turun pakej npm mengkonfigurasi pengguna lain. Tetapan ini milik proses webpack yang membuat panggilan API luaran.

Artikel berkaitan