webpack-dev-server: HTTPS API çağrılarını kurumsal proxy üzerinden yönlendirin

webpack-dev-server'ın mevcut proxy ara katmanına HttpsProxyAgent verin; hedef ve yol yeniden yazımı korunsun.

Node tarafındaki API bağlantısını webpack.config.mjs dosyasında mevcut proxy dizisi biçimiyle yapılandırın:

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

Rota şudur:

browser → webpack dev server → corporate proxy → HTTPS API

target gerçek HTTPS API olarak kalır. Projede zaten bulunduğu varsayılan aracı, yolu HTTP aracısı üzerinden müzakere eder.

context tarayıcının gördüğü istek yollarını seçer; pathRewrite geliştirme önekini kaldırır. İkisi de kurumsal proxy'nin adını vermez. API'nin beklediği yol için bu eşlemeleri koruyun.

API reddi ile taşıma hatasının ayırt edilebilir kalması için ara katmanın normal akış ve yanıt işlemesini kullanın. Her zaman 200 döndüren ikinci bir elle yazılmış aktarıcı bu sonucu gizlerdi.

Tarayıcı proxy ayarları ve npm'in paket indirme proxy'si başka tüketicileri yapılandırır. Bu ayar, dış API çağrısını yapan webpack sürecine aittir.

İlgili makaleler