webpack-dev-server: HTTPS API chaqiruvlarini korporativ proksi orqali yo'naltirish

webpack-dev-server ning mavjud proksi middleware qismiga HttpsProxyAgent bering, nishon va yo'lni qayta yozishni saqlab qoling.

Node tomonidagi API ulanishini webpack.config.mjs faylida joriy proksi-massiv shaklida sozlang:

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

Marshrut quyidagicha:

browser → webpack dev server → corporate proxy → HTTPS API

target haqiqiy HTTPS API bo'lib qoladi. Loyihada allaqachon mavjud deb hisoblangan agent yo'lni HTTP vositachisi orqali kelishadi.

context brauzer ko'radigan so'rov yo'llarini tanlaydi; pathRewrite rivojlanish prefiksini olib tashlaydi. Ikkalasi ham korporativ proksi nomini aytmaydi. API kutayotgan yo'l uchun bu moslamalarni saqlang.

API rad etishi va transport nosozligi ajralib turishi uchun middleware ning odatdagi oqim va javob ishlovini qo'llang. Har doim 200 qaytaradigan ikkinchi qo'lda yozilgan rele bu natijani yashirardi.

Brauzer proksi sozlamalari va npm ning paket yuklab olish proksisi boshqa iste'molchilarni sozlaydi. Bu sozlama tashqi API chaqiruvini amalga oshiradigan webpack jarayoniga tegishli.

O'xshash maqolalar