webpack-dev-server: dirixir as chamadas HTTPS á API a través dun proxy corporativo

Engada un HttpsProxyAgent ao middleware proxy existente de webpack-dev-server mantendo o destino e a reescritura de rutas.

Configure a conexión coa API do lado de Node en webpack.config.mjs coa forma actual de matriz de proxy:

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

A ruta é:

browser → webpack dev server → corporate proxy → HTTPS API

target segue a ser a API HTTPS real. O axente, que se supón xa dispoñible no proxecto, negocia a ruta a través do intermediario HTTP.

context selecciona as rutas de solicitude que ve o navegador; pathRewrite elimina o prefixo de desenvolvemento. Ningún dos dous nomea o proxy corporativo. Manteña esas asignacións para a ruta que espera a API.

Use o manexo normal de fluxos e respostas do middleware para que o rexeitamento da API e o fallo de transporte sigan sendo distinguibles. Un segundo relé escrito a man que sempre devolvese 200 ocultaría ese resultado.

A configuración de proxy do navegador e o proxy de descarga de paquetes de npm configuran outros consumidores. Este axuste pertence ao proceso de webpack que fai a chamada externa á API.

Artigos relacionados